(本文为个人笔记，仅供参考）
一、概念
1.HTML概念
HTML（Hyper Text Markup Language）称为超文本标记语言，是一种标识性的语言。它包括一系列标签．通过这些标签可以将网络上的文档格式统一，使分散的Internet资源连接为一个逻辑整体。
根据个人的理解，可以简单地将HTML理解为一种特殊的文档，浏览器可以依据文档的标签，将其解析为特定的文字、图片、动画、声音、表格等内容。譬如浏览器碰到<img>标签时，就会将其解析为一张图片。
HTML于1989年诞生，最新版本是发布于2008年的HTML5版本。
2.HTML文档结构
HTML的基本文档结构如下：
<html>
<head>
</head>
<body>
</body>
</html>
html文档是由各种标记符(标记符也称为标签，一般成对出现，也有<br>等少数的单个出现的标记符)组成的，其中前一个是开始标签，后一个闭合标签比前一个多一个反斜杠，两个标签之间即为标签的内容部分。
最外围是一对<html></html>标签，用于表明这是一个html文件，在内部，有head及body等两对标签，一起构成一个基本的html文件。
其中<head>与</head>之间的部分，用于定义整个html文档的一些基本信息或进行文档的资源引入等一系列操作，譬如设置页面标题可以通过添加一对
<title>你的文档标题</title> 来实现。在<body></body>中的标签内容，才是页面实际呈现的内容，例如通过添加以下内容，使页面呈现出一段文本。
<html>
<head>
<meta charset="utf-8">
</head>
<body>
<p>这是一段文本，通过添加p标签及文本内容来呈现效果</p>
</body>
</html>
打开任意编辑器，在里面输入以上内容（或复制粘贴），保存后将文件后缀修改为html或htm，然后在浏览器中打开即可查看效果。其中<meta charset=“utf-8”>配置文档的编码为UTF-8，从而让文本内容不至于出现乱码。
3.基本标签
<html>：文档最外围的部分（不考虑文档声明），里面都是html的内容。
<head>：文档头部，定义文档标题编码等基本信息，还可以在这里引入js、css等文件。
<body>：文档主体部分，在这里编写基本的标签及内容，用于实现具体的效果。
<h1>–<h5>：各种大小的标题，文字大小依次递减。
<p>：段落标签，表明这是一个段落。
<img>：图片标签，用于在页面中引入一张图片。
<a>：超链接标签，用于链接到其他页面。
<form>：表单标签，常用于数据提交。
<table>：表格标签，顾名思义，会呈现表格的样式，子元素包括<thead>、<tbody>、<tr>、<td>、<th>等。
<span>：通用行内容器，没有固定含义，用来装载或编组各种元素。
<div>：通用块元素，跟<span>类似，没有实际含义，但它是块元素，可以设置宽高，一般用作编组布局。
除了以上标签外，还有各种其他的标签，用于各种具体的页面显示。
1169
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
