<!DOCTYPE>告诉浏览器使用哪种HTML版本来显示网页，必须写在最前面，不是HTML标签，是文档类型声明标签。
<!DOCTYPE html>当前页面采用的是HTML5版本来显示网页。
lang语言种类
en：表示该网页是英文网页
zh-CN：表示该网页是中文网页
charset字符集
GB2312（简体中文）、BIG5（繁体中文）、GBK（包含简体中文和繁体中文）、UTF-8（万国码，基本包含全世界所有国家需要用到的语言）
必须要写，不写就会乱码
常用标签
标签 | 含义 | 注释 |
<h1></h1>（h1~h6） | 标题标签 | 独占一行；字体变大加粗，共有6级，从大到小，重要性逐渐减小 |
<p></p> | 段落标签 | 把文字分为若干段，会根据浏览器窗口自动换行，段落之间有间隔 |
<br /> | 换行标签 | 单标签，另起一行，但是没有间隔 |
<strong></strong>或<b></b> | 加粗标签 | 为文字设置粗体效果 |
<em></em>或<i></i> | 倾斜标签 | 为文字设置斜体效果 |
<del></del>或<s></s> | 删除标签 | 为文字设置删除线效果 |
<ins></ins>或<u></u> | 下划线标签 | 为文字设置下划线效果 |
<div> | 布局标签 | 是个大盒子，自己独占一行 |
<span> | 布局标签 | 是个小盒子，一行可以放多个 |
<img src="图像url" /> | 图片标签 | src为必然属性，图像文件要与html文件在一个文件夹 |
<a href="跳转目标"></a> | 超链接标签 | 属性target默认为_self，在当前窗口打开新网页；若修改为_blank，则会用新窗口打开新网页 |
<!-- 注释内容 --> | 注释标签 | 快捷键：Ctrl+/ |
<table><tr><td></td></tr></table> | 表格标签 | 用于展示数据，tr是行单元格，td是列单元格，列嵌套在行里面，th是表头单元格，实现文本加粗居中，可替代列单元格 |
<ul><li></li></ul> | 无序列表标签 | 用于布局。没有顺序，都是并列的，ul里面只能放li标签，li里面放什么都行 |
<ol><li></li></ol> | 有序列表标签 | 用于布局。自动生成序号，只能放li标签 |
<dl><dt></dt><dd></dd></dl> | 自定义列表标签 | 用于布局。对术语或名词进行解释。dt是术语/名词，dd是解释，只能放dt、dd标签 |
<form action="url地址" method="提交方式" name="表单域名称">表单元素</form> | 表单域标签 | 表单标签用于收集用户信息。由表单域、表单控件（表单元素）、提示信息组成。 |
<input type="属性值" /> | 输入表单元素标签 | 必须要有表单域，多种属性值 |
<label for="id"></label> | input元素定义标签 | 点击label内的文字时，浏览器自动将焦点转到对应的表单元素上。label内的name要和input里面的id保持一致 |
<select><option></option></select> | 下拉表单元素标签 | 多个选项让用户选，在某个option中定义selected="selected"即该选项为默认选中项 |
<textarea cols="50" rows="5"></textarea> | 文本域表单元素标签 | 每行显示50个字，显示5行。进行大量文字输入。 |
图像标签的属性
属性 | 属性值 | 说明 |
src | 图片路径 | 必须属性 |
alt | 文本 | 替换文本：图像显示不出来时用文字替换的文字 |
title | 文本 | 提示文本：鼠标放在图像上显示的文字 |
width | 像素 | 设置图像的宽度 |
height | 像素 | 设置图像的高度 |
border | 像素 | 设置图像的边框粗细 |
图片路径
路径分类 | 符号 | 示例 |
同一级相对路径 | <img src="baidu.gif" /> | |
下一级相对路劲 | / | <img src="images/baidu.gif" /> |
上一级相对路劲 | ../ | <img src="../baidu.gif" /> |
绝对路劲 | 在电脑中的路径或网站地址 | <img src="D:\web\img\logo.gif" />或<img src="http://www.abc/cat.gif" />（乱写的网站） |
超链接分类
示例 | |
外部链接 | <a href="http://www.baidu.com">百度</a> |
内部链接 | 网站内部网页之间的相互链接<a href="index.html">首页</a> |
空连接 | 没有确定链接的目标<a href="#">个人</a> |
下载链接 | 如果href里面地址是一个文件或者压缩包，会下载这个文件 |
网页元素链接 | 在网页中的各种元素都可以添加超链接<a href="http://www.baidu.com"><img src="image.jpg" /></a> |
锚点链接 | 点击链接可以快速定位到页面的某个位置。先在链接文本的href属性中设置属性值为#+名字，如<a href="#live">个人生活</a>。再找到目标位置标签，添加一个id属性，属性值为刚才设置的名字，如<h3 id="live">个人生活</h3> |
特殊字符
特殊字符 | 描述 | 字符的代码 | 特殊字符 | 描述 | 字符的代码 |
空格符 | | ℃ | 摄氏度 | ° | |
< | 小于号 | < | ± | 正负号 | ± |
> | 大于号 | > | × | 乘号 | × |
& | 和号 | & | ÷ | 除号 | ÷ |
￥ | 人民币 | ¥ | ² | 平方 | ² |
© | 版权 | © | ³ | 立方 | ³ |
® | 注册商标 | ® |
表格属性：实际开发中不常用一般用CSS来设置，但英语单词含义一致，都在table里面
属性名 | 属性值 | 描述 |
align | left、center、right | 规定表格相对周围元素的对齐方式 |
border | 1或"" | 规定表格单元是否拥有边框，默认为""，表示无边框 |
cellpadding | 像素值 | 规定单元边沿与其内容之间的空白，默认1像素 |
cellspacing | 像素值 | 规定单元格之间的空白，默认2像素 |
width | 像素值或百分比 | 规定表格的宽度 |
height | 像素值或百分比 | 规定表格的高度 |
表格结构：<thead></thead>表格头部区域标签，<tbody></tbody>表格主体区域标签
合并单元格：跨行就把上面的单元格作为目标单元格，写上代码rowspan="2"，2个合并；
跨列就把左边的单元格作为目标单元格，写上代码colspan="2"，2个合并；
删除多余单元格。
表单元素分类：input输入表单元素、select下拉表单元素、textarea文本域元素
表单元素属性
属性名 | 属性值 | 描述 |
type | 用户自行选择 | 定义输入的多种形式 |
name | 由用户自定义 | 定义input元素的名称 |
checked | checked | 规定此input元素首次加载时应当被选中 |
maxlength | 正整数 | 规定输入字段中的字符的最大长度 |
value | 由用户自定义 | 规定input元素的值 |
type属性值
属性值 | 描述 |
button | 按钮，一般用于通过JavaScript启动脚本 |
checkbox | 复选框，必须拥有相同的name |
file | 定义输入字段和”浏览“按钮，供文件上传 |
hidden | 定义隐藏的输入字段 |
submit | 提交按钮，提交按钮会把表单数据发送到服务器 |
image | 定义图像式形式的提交按钮 |
password | 定义密码字段，该字段中的字符被掩码 |
radio | 单选按钮，必须拥有相同的name才能实现多选一，默认设置checked="checked" |
reset | 重置按钮，会清除表单中的所有数据 |
text | 单行的输入字段，用户可在其中输入文本，默认宽度为20个字符 |
其余各种标签推荐自行查阅文档：
1、百度（http://www.baidu.com）
2、W3C（http://www.w3school.com.cn/）
281
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
