（4）HTML标签补充和HTML转义字符

一、HTML标签

1.超链接<a>标签

（1）普通的超级链接：
<a href="指向的链接地址" target="_blank|_self|_top|_parent">百度</a>
（2）锚点：
<a href="网址#ID名">锚点</a>
锚点要配合页面上的一个ID名来实现这个功能，同时还必须有滚动条才能看到效果。锚点找到的位置，浏览器默认是将其放在第一行的。
（3）邮件客户端自动调用：
<a href="mailto:tgw18631600013@163.com">打开邮件发送软件</a>
（4）手机拨号盘调用，并主动将电话号码置入拨号器中：
<a href="tel:电话号码"></a>
（5）调用手机短信发送界面：
<a href="sms:电话号码"></a>
(6)下载资源链接：
<a href=”ziyuan.zip”>下载</a>
(7)返回页面顶部的空链接：
<a href=”#”>返回顶部</a>
(8)链接到javascript：
<a href=”javascript...”>JS功能</a>

2.<table>表格标签

表格元素：<table></table>
行：<tr></tr>
列：<td></td>
表头：<th></th>
标题：<caption></caption>
行分组元素：
页眉：<thead></thead>
主体：<tbody></tbody>
页脚：<tfoot></tfoot>

表格属性：

<table>元素：width（宽）height（高）align（对齐方式left|right|center）border（边框宽度）cellpadding（单元格边框和内容之间的距离） cellspacing（单元格之间的距离）bgcolor（表格背景色）
<tr>元素：align（水平对齐方式left|right|center） valign（垂直对齐方式top|middle|bottom）
<td>元素：align（水平对齐方式left|right|center） valign（垂直对齐方式top|middle|bottom） width（宽）height（高） colspan（设置单元格跨列） rowspan（设置单元格跨行）

不规则表格：设置<td>的跨行或跨列属性跨列：colspan（水平方向延伸单元格）跨行：rowspan（垂直方向延伸单元格）

3.表单元素<form>：

用于创建表单，可以包含其他表单控件元素,比如：文本域(textarea)、下拉列表、单选框(radio-buttons)、复选框(checkboxes)等等。

主要属性：

action——规定当提交表单时向何处发送表单数据。
method——规定表单数据提交的方式，取值为get或post。
name——规定表单的名称。

表单控件元素：

input元素：用于收集用户信息，是一个单标记（<input type=””/>）根据type属性规定要显示的 <input> 元素的类型：

1.text（文本框）、password（密码框） *name：设置名称 *value：用户输入的文本 *maxlength：限制输入框输入字符数 *readonly：设置文本控件只读 required="required” 该属性表示必填项 disabled="disabled"：禁用

disabled属性和readonly属性的区别？

disabled属性:用于让该表单不可输入，同时提交表单时是不提交具有该属性值的表单的。这一点要特别注意。如果你只是想锁定表单不让用户手动输入这个表单，可以使用readonly属性，它是让表单只读。但可以发送该表单的值。

2.radio（单选框）、checkbox（复选框） *name：设置名称，并用于分组，一组单选框或复选框的名称必须相同 *value：文本，当提交form时，如果选中了此单选按钮，那么value就会被提交 *checked：设置默认被选中

3.按钮提交按钮：type=”submit” 提交表单数据重置按钮：type=”reset” 清空表单数据，设为默认值普通按钮：type=”button” 主要属性：name—名称 value—按钮的名字

4.隐藏域：type=”hidden” 表单中不希望用户看到的信息 name—名称 value—值

5.文件选择框：type=”file” name—名称

H5新增input表单：

电话：<input type="tel" value="">邮箱：<input type="email" value="">网址：<input type="url" value="">日期：<input type="date" value="">时间：<input type="time" value="">日期时间：<input type="datetime" value="">选取时间、日、月、年（UTC 时间，即国际通用协调时）注：上面的谷歌版本52.0.2743.116及safari版本 9.1.3都不支持日期时间：<input type="datetime-local" value="">选取时间、日、月、年（本地时间）月：<input type="month" value="">周：<input type="week" value="">数字：<input type="number" value="" min="1" max="10" step="3"> 搜索：<input type="search" value="">表现形式上基本没有什么效果滑动条：<input type="range" value="0" min="0" max="10" step="2">注：规定合法的数字间隔（如果 step="2"，则合法的数是 0,2,4,6,8,10）颜色：<input type="color" value="">可以调出电脑的颜色选择器选择自己想要的颜色

让手机调用相机，摄像头，相册：

1、接受所有的视频文件：<input type="file" accept="video/*;capture=camcorder"> 2、接受所有的音频文件：<input type="file" accept="audio/*;capture=microphone">3、直接调用相机：<input type="file" accept="image/*;capture=camera">4、调用相机 图片或者相册：<input type="file" accept="image/*" />温馨提示：还是要根据手机的类型来说，有些手机只能调相机，有些手机只能调相册，或者两者都行。

4.<label>标签：

主要属性：for—表示与该元素相联系的表单控件元素的id值 <label> 标签的 for 属性应当与相关元素的 id 属性相同。

作用：label 元素不会向用户呈现任何特殊效果。不过，它为鼠标用户改进了可用性。将文本与控件联系在一起后，单击文本，效果如同单击控件元素一样。

5.<select>下拉菜单标签：

选项框： <select>——创建选项框主要属性：name——选项框名称 size——选框大小 multiple——设置多选

<option>——选项主要属性：value——选项的值 selected——被选中

6.<textarea>标签：

主要属性：name——名称 cols——指定文本区域列数 rows——指定文本区域行数 readonly——只读

7.控件分组元素：

<fieldset>元素：为控件分组 <legend>元素：为分组指定一个标题

二、HTML标签分类

三、HTML转义字符

 代表一个空格

©代表一个版权符©

<代表一个左尖括号<

>代表一个右尖括号>

′中文的单引号

″ 中文双引号

'英文单引号

"英文双引号