HTML超文本标记语言总结

---

前言

HTML超文本标记语言就是一个网页的结构，是为“网页创建和其他可以在网页浏览器中看到的信息”设计的一种标记语言

---

一、HTML是什么？

HTML是超文本标记语言(HyperText Markup Language)的缩写，如其字面意思，是一类标记语言，用于标记网页的结构和内容的含义。
“超文本”是指连接单个网站内或多个网站间的链接。链接是网络的一个基本方面。

二、HTML文档的结构

1.HTML元素(elements)

HTML使用"标记"(markup)来注明文本、图片和其他内容，以便于在浏览器中显示。HTML标记包含一些规定的“元素”如： < head>，< title>，< body>，< header>，< footer>，< article>，< section>，< p>，< div>，< span>，< img>，< aside> < audio>，< canvas>，< datalist>，< details>，< embed>，< nav>，< output>，< progress>，< video> 等等。

2.HTML元素结构

如下为一个用于展示段落的元素：

1、开始标签（Opening tag）：包含元素的名称（本例为 p），被左、右角括号所包围。表示元素从这里开始或者开始起作用 —— 在本例中即段落由此开始。 2、结束标签（Closing tag）：与开始标签相似，只是其在元素名之前包含了一个斜杠。这表示着元素的结尾 —— 在本例中即段落在此结束。初学者常常会犯忘记包含结束标签的错误，这可能会产生一些奇怪的结果。 3、内容（Content）：元素的内容，本例中就是所输入的文本本身。 4、元素（Element）：开始标签、结束标签与内容相结合，便是一个完整的元素。

---

三、HTML文档中的各种元素

1.标题 heading

HTML提供了从大到小6级标题，分别是：< h1> ~ < h6>,如下：

<h1>This is heading 1</h1>
<p>This is some text.</p>
<hr>
<h2>This is heading 2</h2>
<p>This is some other text.</p>
<hr>

在页面中，标题非常重要：

1.搜索引擎用标题来索引页面的内容
2.用户也习惯以标题进行主要内容浏览，以决定是否查看该页面

2.超链接 a

没有超链接就没有万维网（World Wide Web）。基本上，我们可以把任何东西加上超链接，不过常用的是文本、图片等。
超链接语法:

<