任务描述
本关任务:编写一个带有页面标题和页面字符格式设置的网页。

相关知识
为了完成本关任务,你需要掌握:1.title标签,2.meta标签关于页面字符格式的设置。

title标签
title标签用于定义HTML页面的标题。它是双标签,开始和结束标签之间的内容就是要设置的页面标题。
它的作用是:

在浏览器的标题栏中显示标题
标题可以用作默认快捷方式或收藏夹的名称
标题还可以作为搜索引擎结果中的页面标题
应用时注意:

一个网页只能有一个标题
标题名称的长度不超过64个字符数
标题标记对之间不允许有其它的标签存在
用法示例:

个人网页

charset属性
在html5中,可直接通过meta标签的charset属性设置页面的字符编码格式。在理论上,可以使用任何字符编码,但并不是所有浏览器都能够解释它们。常用的编码有:

ISO-8859-1:国际标准化组织针对不同的字母表/语言定义的标准字符集( 拉丁字母表的字符编码),是浏览器默认的字符集
utf-8:Unicode 联盟开发的标准,utf-8 是网页和电子邮件的首选编码。
gb2312:信息交换用汉字编码字符集,中国国家标准总局1980年发布。适用于汉字处理、汉字通信等系统之间的信息交换。
用法示例:

编程要求
根据提示,在右侧编辑器补充代码,在右侧编辑器中的Begin - End区域内补充代码,具体要求是:
1.设置网页标题,标题文字为“设置标题”;
2.设置页面的字符编码格式为utf-8。

测试说明
补充代码后,请点击测评,平台会对你编写的代码进行测试,如果正确则完成闯关任务。需要说明的是由于测试的要求,希望所有标签和属性使用小写字符。

人之所能,是相信自己能,并尽其所能,祝你成功!

代码示例

<!DOCTYPE html>
<html><head><!-- ********* Begin ********* --><meta charset="utf-8"><title>设置标题</title><!-- ********* End ********* --></head><body><h1 align="center">元信息的设置</h1>  </body>
</html> 

EduCoder-Web程序设计基础 -web编程训练-html5-文档头部-第1关:页面标题及字符集的设置相关推荐

  1. Web程序设计基础——edu实训平台代码(1)

    目录​​​​​​​ Web前端开发概述 Web前端开发相关的技术 HTML5基础 HTML5-文档头部 HTML5-文本控制类标签 HTML5-图像的运用 表格标签-表格基本结构 HTML5-超链接的 ...

  2. web程序设计基础——edu实训平台选择判断复习(1)

    目录 Web前端开发概述 HTML5基础 页面元素和属性 构建web表单 音频和视频 CSS3语法 JavaScript概述 JavaScript语言基础 Web前端开发概述 Web前端开发相关的概念 ...

  3. Educoder -- Web程序设计基础2021秋 --实训作业全总结

    博主会持续更新的呦! web程序设计基础R实验报告 2021年 1.Web前端开发概述 edu–Web程序设计基础2021秋–[Web前端开发概述][HTML5基础] 2. HTML5 基础 [web ...

  4. Web程序设计基础2021 表格标签—表格高级样式的设置 educoder实训

    第1关:表格高级样式设置相关概念 任务描述 本关任务:完成一组表格高级样式设置的概念题. 相关知识 为了完成本关任务,你需要掌握:1.外边框线样式的设置,2.内部边框线的设置,3.单元格的合并. 外边 ...

  5. web程序设计基础R实验报告 2021年 ---太原理工大学

    每个实验中给出的练习代码不在此处进行运行,有问题的小可爱欢迎和博主交流呀! Educoder – Web程序设计基础2021秋 --实训作业全总结 文章目录 实验一: HTML基础 1. 实验内容 2 ...

  6. 《Java Web程序设计基础教程》简介

    本书是关于Java Web开发的基础教程,共分15章.第1章介绍如何构建Java Web应用:第2.3章介绍如何解决Java Web应用的输入和输出问题:第4-6章对登录功能进行了3次重构,这也是Ja ...

  7. Web程序设计基础期末大作业——模仿QQ飞车手游S联赛官网编写的网页

    QQ飞车手游是我非常喜欢的游戏,也是我现在为数不多的常在玩的游戏,刚好我Web程序设计基础的大作业是要做一套网站,我就借此机会模仿飞车S联赛官网的页面自己做了一个网页,又加了一些自己的元素,由于我做这 ...

  8. educoder web程序设计基础知识点 期末总结

    网页表格 基本概念 为了完成本关任务,你需要掌握:1.表格的结构,2.表格的基本标签,3.表格标签的基本属性. 表格的结构 在基本表格结构中,表格标题.项目表头和数据资料构成了表格基本结构三个要素. ...

  9. Educoder -- Web程序设计基础2021秋--简历表页面的制作

    文章目录 第1关: 简历表页面的结构设计 1. 编程要求 2. 代码展示 第2关: 简历表页面的样式设计 1. 编程要求 2. 代码展示 第1关: 简历表页面的结构设计 1. 编程要求 根据任务描述的 ...

最新文章

  1. xen挂载虚拟机分区删除日志 破解密码无所不能
  2. OTSU算法(也称最大类间差法,有时也称之为大津算法)
  3. C#——《C#语言程序设计》实验报告——面向对象程序设计——字符串加密
  4. python科学计算笔记(三)pandas中Series和DataFrame练习
  5. 现在竟然还有补丝袜的?
  6. redis streams_初步了解Redis Streams以及如何在Java中使用它们
  7. css中的display属性值:table,table-row,table-cell
  8. 基本功 | Litho的使用及原理剖析
  9. 双链表插入、删除操作单步解析(十四)
  10. 【菜鸡的LeetCode答案】【C#】7.反转整数
  11. (图)关键路径算法 (含AOV AOE网比较)
  12. QCC3040---读取flash UID
  13. 如何防止基因编辑技术突破底线:警惕科学狂人再现
  14. MAC M1安装VMware 安装windows11
  15. android 高斯模糊实现
  16. 外置USB供电与内置锂电池供电自动切换电路
  17. 微信/微博的图片处理?-android酷炫图片处理(下)
  18. Linux 系统管理没有 netstat ,不惆怅! 拥抱 ss ,事半功倍
  19. 右侧maven只有lifecycle解决方法
  20. Qt小程序之自绘震动铃铛提示控件

热门文章

  1. iOS设备 历代 机型对照表
  2. android 多版本打包后微信分享/登录授权失败问题
  3. css transtion不生效_CSS3 Transition属性使用详解
  4. 警告: Failed to register object [StandardEngine[Catalina].StandardHost[localhost].StandardContext[/Qia
  5. 保研之路——复旦计算机学院预推免
  6. 如何在visio中画立体图形
  7. 清分--清算--结算
  8. CPA十二--我国外币会计报表折算(转载)
  9. 华为手机系统服务器在哪里,华为云服务这软件在哪?
  10. 微信群疯传!助力抢票不靠谱!还有风险…