2.常用元素
2.2 HTML基本结构元素
HTML的基本结构元素主要有3个,它们是、和元素,每个网页页面一般都包含这3个元素,而且它们只能出现一次。
1.元素:Html标签:是包裹整个页面元素的根元素,它告诉浏览器整个文件是HTML格式,通常情况下document.documentElement(页面根元素)获取的就是html标签。
2.元素:头部标签,用于定义文档的头部,它是所有头部元素的容器。中的元素可以引用脚本、指示浏览器在哪里找到样式表、提供元信息等等。文档的头部描述了文档的各种属性和信息,包括文档的标题、在 Web 中的位置以及和其他文档的关系等,主要包含meta标签、title标签、link标签(引入CSS)、script标签(引入CSS)等。
3.body 元素定义文档的主体。body 元素包含文档的所有内容(比如文本(<text>
)、段落(<p>
)、标题(<h1>
)、换行(<br>
)、分隔线(<hr>
)、超链接(<link>
)、图像(<img>
)、表格(<table>
)和列表(<ul>
)等等。)
4.其它标签:
(1)<!DOCTYPE>声明必须是 HTML 文档的第一行,位于<html>
标签之前,它是指示 web 浏览器关于页面使用哪个 HTML 版本进行编写的指令。
(2)<meat>
标签:提供有关页面的元信息(meta-information),比如针对搜索引擎和更新频度的描述和关键词,<meta>
标签的属性定义了与文档相关联的名称/值对。比如<metacharset=“utf-8” />,定义了文档以utf-8编码。
(3)<title>
标签:页面的标题,设置之后将在浏览器选项卡看到。
2.2.1练习题:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>HTML基本结构元素</title>
</head>
<body>
<h2 align="center">《别董大》</h1>
<h4 align="center">[唐]高适</h3>
<p align="center">千里黄云白日曛,</p>
<p align="center">北风吹雁雪纷纷。</p>
<p align="center">莫愁前路无知己,</p>
<p align="center">天下谁人不识君。</p>
</body>
</html>