a标签

• 属性

1. href（hyper reference，超级链接）
2. target（指定在哪个窗口打开链接）

• 作用

1. 跳转外部页面
2. 跳转内部锚点
3. 跳转邮件邮件或电话等

a的href的取值

• 网址

1. https://google.com
2. http://google.com
3. //google.com（无协议网址，会自动选择使用http还是https，最高级的）

• 路径

/a/b/c以及a/b/c
a/b/c是在档期目录下找a，找b，找c
/a/b/c的第一个/代表在哪里开的服务哪里就是根目录，所以不要双击打开文件，在终端使用hs -c-1

• 伪协议

1. javascript: 代码；
<a href="javascript : ;">查看</a>点击查看后无反应
2. mailto:邮箱
<a href="mailto:12345678@163.com">发邮件</a>
3. ID
<a href="# xxx">查看</a>
跳转到指定标签
4. tel:手机号
<a href="tel:12345678901">打电话</a>

a的target的取值

• 内置名字

1. _blank 在新的页面打开
2. _self 在当前页面打开
3. _top 与iframe并用时在最顶层窗口打开页面
4. _parent 与iframe并用时在父级窗口打开页面

• 程序员命名

1. window的name
2. iframe的name

img标签

<img src="图片地址（可为网络地址/相对路径/绝对路径" alt="备注" />

• 作用

发出gei请求，展示图片

• 属性

1. alt 如图片加载不出，显示alt里的内容
2. height
3. width （height和width只写一个时，另一个会自适应，千万不能让图片变形）**
4. src 图片地址

• 响应式

max-width:100% 满足屏幕需求，可在手机上展示

• 是可替换元素

table标签

<thead>
<tbody>
<tfoot>
<tr>行
<th>表头
<td>表中数据

• 相关的样式

table-layout 行、列的算法，auto自动根据内容定制宽、高；fixed等宽
border-collapse 合并表格间的空隙
border-spcing 控制border之间的距离