一、HTML
（一）概念
HTML：HyperText Markup Language（超文本标记语言），计算机语言之一（不被承认为编程语言，重要的一点是因为无法按人类的设计重复某项工作），其通过浏览器进行解析，对文、图、影、音等资源进行调度，广泛运用于互联网，具有轻便、简洁的特性。
（二）语言特点
1.HTML的文件后缀名通常为.html或.htm
2.通过<>标签的形式进行编写
-通常由开始标签和结束标签包裹语句
-有些特别的自闭标签可以直接使用，如：<br/>、<hr/>等
-标签可以进行嵌套，如：<a><b></b></a>
3.起始标签可增加由键值对（a=“b”）构成的属性，值需要使用引号！
4.HTML不区分大小写
（三）常用的标签
1.基本标签
文件标签：<html></html>
头部标签：<head></head>
标题标签：<title></title>
主体标签：<body></body>
2.文本标签
注释标签：<!---注释-->
标题标签：<h1></h1>、<h2></h2>......<h6></h6>
段落标签：<p></p>
换行标签：<br>
水平线标签：<hr color="颜色（英文单词/RGB/#000000~#FFFFFF）" width="宽度（像素/百分比）" size="高度" align="对齐方式（left、center、right）" >
加粗标签：<b></b>
斜体标签：<i></i>
下划线标签：<u></u>
3.图片标签
<img scr="URL" alt="图像的替代文本" align="对齐方式">
4.列表标签
有序列表标签：<ol type="样式：A/a/I/i/1"><li>内容1</li>...<li>内容n</li></ol>
无序列表标签：<ul><li>内容1</li>...<li>内容n</li></ul>
缩进列表标签：<dl><dt>主内容<dt><dd>辅内容1</dd><dd>辅内容2</dd></dl>
5.超链接标签（可嵌套图片标签）
<a href="URL" target="_self（当前页面打开）/_blank（空白页面打开）"></a>
不设置target属性默认通过当前页面打开！
6.div和span标签
div标签：<div></div>块级元素标签，标记一段元素块；
span标签：<span></span>行内元素标签，标记一行内元素；
7.语义化标签（为了提高可读性）
页眉标签：<header></header>
页脚标签：<footer></footer>
8.表格标签
表格标签：<table width="表格宽度" border="边框宽度" cellpadding="内容和单元格的距离" cellspacing="单元格之间的距离" bgcolor="背景色" align="对齐方式" rulse="内部线条显示方式" frame="外部线条显示方式"></table>
行标签：<tr bgcolor="背景色" align="对齐方式"></tr>
表头标签：<th></th>
单元格标签：<td></td>
表格标题标签：<caption style="text-align:文本对齐方式"></caption>
表格头部标签：<thead></thead>
表格体部标签：<tbody></tbody>
表格脚部标签：<tfoot></tfoot>
9.特殊符号
10.表单标签（用于数据交互）
表单标签（元素必须设置name属性才能被捕获）：<form action="URL" method="get/post"></form>
输入标签：<input type="text/password/radio/checkbox/file/hidden（可以隐藏提交项）/submit/reset/button/image/date/email/number" name="名称">
注意，单选框和复选框需要设置value属性，对应预期值；可以设置checked属性，提供默认值；text、password的placeholder属性可以产生提示信息，maxlength属性可以限制输入长度。
选择列表标签：<select name="名称" size="显示数量" multiple="multiple（多选）"><option value="预设值1">列表内容1</option>......</select>
文本域标签：<textarea cols="列数（字符为单位）" rows="行数"></textarea>
<!---label标签的联动-->
<form>
<label for="male">Male</label>
<input type="radio" name="sex" id="male" />
<br />
<label for="female">Female</label>
<input type="radio" name="sex" id="female" />
</form>
（四）框架
Frame 标签定义了放置在每个框架中的 HTML 文档。
<frameset rows="50%,50%">
<frame src="frame_a.htm">
<frameset cols="25%,75%">
<frame src="frame_b.htm">
<frame src="frame_c.htm">
</frameset>
</frameset>
注意：不能将 <body></body>标签与<frameset></frameset>标签同时使用！
