理论教育 HTML5基本标签结构指南

HTML5基本标签结构指南

时间:2023-11-22 理论教育 版权反馈
【摘要】:我们在学习HTML5标签的同时,也要树立为国家做贡献、为人民谋幸福的志向。微课3.2HTML5文档结构HTML5文档主要由以下几个基本标签构成。如:案例标记的嵌套通过案例的引入与本任务HTML5几个主要结构标签的详细讲述,我们可掌握网页基本结构标签的属性及用法。HTML5标签书写要遵守一定规则:1.编写代码时要认真细致,严于律己。

HTML5基本标签结构指南

【案例引入】

1950年,数学华罗庚放弃在美国的终身教授职务,奔向祖国。归途中,他写了一封致留美学生的公开信,其中说:“为了抉择真理,我们应当回去;为了国家民族,我们应当回去;为了为人民服务,我们应当回去;就是为了个人出路,也应当早日回去,建立我们工作的基础,为我们伟大祖国的建设和发展而奋斗。”回国后,华罗庚进行应用数学的研究,足迹遍布全国,用数学解决了大量生产中的实际问题,被称为“人民的数学家”。

【案例分析】

华罗庚放弃在美国的终身教授职务,选择为祖国的建设和发展而奋斗,扎根基层,求真务实,勤勤恳恳。我们在学习HTML5标签的同时,也要树立为国家做贡献、为人民谋幸福的志向。

【主要知识点】

微课3.2 HTML5文档结构

HTML5文档主要由以下几个基本标签构成。

3.3.1 <html></html>标签

HTML文件仅由一个html元素组成,即文件的开始<html>和文件的结尾</html>。文件的其他部分都是html的元素体,通常它都出现在网页开始和结束的地方,将所有原代码都包起来。它是HTML文档里最基本的一个标记。

3.3.2 meta标记符

meta标记用于定义文件信息,对网页文件进行说明,便于搜索引擎查找,放置于<head></head>之间。

1)设置关键字

多个关键字之间用”,”隔开,最多包含3~5个最重要的关键词,不要超过5个。

2)设置描述

设置作者:

3)设置字符集

HTML5的字符集也得到了简化,只需要使用UTF-8即可,使用一个meta标记就可以指定HTML5的字符集,代码如下:

设置页面定时跳转:(www.daowen.com)

3.3.3 <title></title>文件标题标签

title元素是文件头里唯一一个必须出现的元素,它也只能出现在文件头里。它的格式如下:

<title>标题</title>

标题表示该HTML文件的名称,是对文件的概述。不过文件的标题一般不会显示在文本窗口中,而以窗口的名称显示出来。标题的长度一般在64个字符以内。

3.3.4 <body></body>文件体标签

文件体标记符由<body>开始,</body>结束,它的中间是网页文档的正文部分。我们在网页中进行的所有设置,包括背景颜色设定、图片的设定、链接字体颜色设定都要放在<body>这对标记符里。

案例【3.3.1】<body></body>标签的使用

3.3.5 标记的嵌套

在大多数情况下,标记必须放置在其他标记内部,这个过程被称为嵌套标记,必须先结束最靠近嵌套标记内容的标记,再按照由内及外的顺序依次进行。如:

案例【3.3.2】标记的嵌套

课程育人】

通过案例的引入与本任务HTML5几个主要结构标签的详细讲述,我们可掌握网页基本结构标签的属性及用法。HTML5标签书写要遵守一定规则:

1.编写代码时要认真细致,严于律己。

2.体会华罗庚不图名利、将一生所学报效祖国的爱国情怀。

【课堂互动】

请利用HTML5几个主要结构标签用TXT文档写出一个正确的HTML文件。

免责声明:以上内容源自网络,版权归原作者所有,如有侵犯您的原创版权请告知,我们将尽快删除相关内容。

我要反馈