网页的概念
标签
<title>网页标题</title>
标签放在一对尖括号里面(比如< title >)，大多数标签都是成对出现的，分成开始标签和结束标签，结束标签在标签名之前加斜杠(比如< /title >)。但是，也有一些标签不是成对使用，而是只有开始标签，没有结束标签。
元素
<div><p>hello world</p></div>
标签是源码角度来看，元素是从编程角度来看，比如< p >标签对应网页的 p 元素。
属性
<img src="demo.jpg" width="500">
如上所示< img >标签有两个属性：src 和 width
注释
<!-- -->
HTML 代码可以包含注释，浏览器会自动忽略注释。注释以< !-- 开头，以 – > 结尾。注释有助于理解代码的含义，复杂的代码块前面最好加上注释。
文本标签
- < div >是一个通用该标签，表示一个区块(division)。
- < span >是一个通用目的的行内标签(既不会产生换行)，不带有任何含义。
- < p >标签是一个块级元素，代表文章的一个段落。
- < br > 让网页产生一个换行效果。该标签是单独使用的，没有闭合标签。
- < hr >用来在一篇文章中分割两个不同的主题，浏览器会将其渲染为一根水平线。该标签是单独使用的，没有闭合标签。
- < strong >是一个行内元素，表示它包含的内容具有很强的重要性，需要引起注意。浏览器会以粗体显示内容。
- < b >与< sttrong >很相似，它没有语义，是一个纯样式的标签。
- < em > 是一个行内标签，表示强调(emphasize)，浏览器会以斜体显示它包含的内容。
- < i > 标签与< em >相似
网页的基本标签
- < !DOCTYPE html > 通常是网页的第一个标签，也是文档类型，告诉浏览器如何解析网页。
- < html > 标签是网页的顶层容器，也称为根元素（root element），其他元素都是它的子元素。一个网页只能有一个< html > 标签。
- < head > 标签是一个容器标签，用于放置网页的元信息。
- < meta > 标签用于设置或说明网页的元数据，必须放在< head > 里面。一个< meta > 标签就是一项元数据，网页可以有多个< meta >。
- < title >标签用于指定网页的标题，会显示在浏览器窗口的标题栏。
- < body > 标签是一个容器标签，用于放置网页的主要内容。
链接标签
链接通过< a >标签显示，用户点击后，浏览器会跳转到指定的网址。
图片标签
< img > 标签用于插入图片
列表标签
- < ol > 标签是一个有序列表容器(ordered list)，会在内部的列表项前面产生数字编码。
- < ul > 标签是一个无序列表容器(unordered list)，会在内部的列表项前面产生实心小圆点。
- < dl > 标签是一个块级元素，表示一组术语的列表(description list)。
表单标签
< form > 标签用来定义一个表单，所有表单内容放到这个容器元素之中。
