（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转义字符

&nbsp;代表一个空格

&copy;代表一个版权符©

&lt;代表一个左尖括号<

&gt;代表一个右尖括号>

&prime;中文的单引号

&Prime; 中文双引号

&#39;英文单引号

&#34;英文双引号