A标签

一、作用

<a> 元素 (或锚元素) 可以创建一个到其他网页、文件、同一页面内的位置、电子邮件地址或任何其他URL的超链接。

二、属性详解

1.href属性

href属性是<a>标签必须要有的属性，它为<a>标签定义一个超文本链接，但是href属性的值有多种选择：

• 最常见的值是一个网页的URL，如 baidu；

• 无协议<a>标签，如 baidu，此时所用协议与当前页面相同；

• <a>标签href使用锚点#，此时点击<a>标签不发送请求，如 <a href="#A">A<a/>，此时点击A ,页面锚点变A，使用锚点可以实现当前页面的跳转；

• <a>标签href内容为空，<a href="">A</a>，点击A会刷新当前页面；

• 类似<a href="?name=xxx">A</a>，再点击A后请求的值就是 name=xxx 使用路径作为href的值， 1，点击后会跳转到1.html；

• 伪协议：<a href="javascript: alert(1);"></a> 会执行href中的JavaScript代码，<a href="javascript:;"></a>将不会执行任何操作。

2.download

此属性指示浏览器下载URL而不是导航到URL baidu在点击此链接后并不会打开 baidu.com，而是将此网页保存到本地。

3.target属性

该属性指定在何处显示链接的资源。target属性的四个关键字具有特殊的意义：

• _self ：加载当前页面，如果没有指定属性，则此值为默认；

• _top： 加载响应进入顶层页面，如果没有父级框架或页面，效果与 _self相同；

• _parent：在父级页面打开地址；

• _blank：在新窗口打开；

IMG标签

• alt定义描述图像的替换文本。

• 如果图像的URL是错误的、该图像不在支持的格式列表中、或者如果图像还没有被下载，用户将看到这个显示。

<img src="1.jpg" alt="图片" />

• width hight定义图像的高度，width/height只指定一个值，则另一个会根据原始图像进行赋值。

<img width="100" src="1.jpg" alt="图片" />

<img hight="100" src="1.jpg" alt="图片" />

• src图像的 URL，这个属性对img元素来说是必需的。

img响应式

max-width 100%--->该属性值会对元素的宽度设置一个最高限制，适用于多尺寸设备完整显示图像。

<style> img { max-width: 100%; } </style> <img src="1.jpg" alt="图片"

table标签

• <table></table> 表格开始和结束。表格的基本标签之一。

• <tr></tr> 表格的行。表格的基本标签之一。

• <td></td>单元格。表格的基本标签之一。

• <caption></caption> 表格的标题。

• <col/> 给表格中的一列或多列设置属性。

• <colgroup></colgroup> 给表格中的一列或多列设置属性。

• <thead></thead> 表头。当打印过长的表格时，表头会出现在分页上。

• tfoot></tfoot> 表脚。当打印过长的表格时，表脚会出现在分页上。

• <tbody></tbody> 表格主体、正文。thead、tfoot和tbody需一起使用。

例：

    <thead>
        <tr>
            <th colspan="2">头部</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>主体</td>
            <td></td>
        </tr>
    </tbody>
</table>