table a标签 颜色_《HTML常用标签》

一、a 标签的用法

a标签的两个常用属性：

• href

属性值有：

1. 网址：http://...; https://....; //google.com;(//回自动选择使用http还是https协议)；
2. 路径：绝对路径：/a/b/c; 相对路径：a/b/c;
3. 伪协议：javascript:代码; （点击该a标签的时候会执行这个代码段，如果你想做一个a标签，又想不让这个标签产生任何效果，就将href值设置为javascript:;）、tel（电话）协议、mailto（邮箱）协议；
4. 锚点：href值设置为id可以发生跳转动作；

【补充】href=""页面会刷新；href="#"点击链接页面会跳转到当前页面的顶部；

• target

属性值有：

_blank 在新的空白标签页面内打开链接

_top 在最顶级打开链接

_parent 在父级打开链接

_self 在自身打开链接

window的name 在以name为XXX的窗口打开链接

ifarme的name 在以name为XXX的iframe框架打开链接

【小结】a标签可以用来：跳转页面、跳转锚点、打电话、发邮件；

二、img 标签的用法

1. img的作用：发送get请求，请求一张图片

2.标签的属性有：

• alt:alternative 图片加载失败的时候显示alt的内容提示用户
• width:只写宽度，高度会自适应
• height：只写高度，宽度会自适应
• src:图片地址

(一般不要同时设置width和height，会使图片变形)

3.标签的事件：

• onload：加载成功的时候执行
• onerror：加载失败的时候执行、一般图片加载失败的时候可以进行挽救（src修改成另一张图片，当图片加载失败时显示这一张）

【补充】max-width:100%（默认在手机上也可以浏览，设置该属性就能自动适应宽高；响应式）

三、table 标签的用法

table的结构以及所有标签如上图所示，其中tbody,thead,tfoot顺序可以颠倒，即使颠倒，浏览器会自动排序；tr表示一行，th表示表头，td表示单元格，如果你在写表格的时候没有写tbody，浏览器会自动纠错，强行给你加上tbody；

table相关样式：

table-layout:auto（内容长度不等，自适应宽度不同）|fix（自适应宽度均等）;自适应表格宽度

border-collaple:collaple;常用该属性，合并单元格

border-spacing:0;单元格之间无空隙