300字范文,内容丰富有趣,生活中的好帮手!
300字范文 > EduCoder-Web程序设计基础 -web编程训练-html5-文档头部-第1关:页面标题及字符集的设置

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

时间:2022-01-30 16:09:20

相关推荐

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

任务描述

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

相关知识

为了完成本关任务,你需要掌握: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>

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。