HTML常用标签

a 标签的用法

<a href=""></a>

1. 属性

• href
• target
• download
• rel=noopener

2. a的作用

1. 跳转到外部页面
2. 跳转到内部锚点
3. 跳转到电话或者邮箱

3. href的取值

1. 网址

• https://www.baidu.com
• http://www.baidu.com
• //baidu.com

2. 路径

• a/b/c
• style.css ./img/pic.png

3. 伪协议

• javascript:代码；
• javascript:;
• mailto:xx
• tel:xx

4. id
   herf=#xxx

4. a的target取值

内置名字

• -blank 新窗口
• -top 顶级框架
• -parent 父级框架
• -self 默认样式本身
  程序员命名的
• window的name
• ifrdame的name

5. a的download

• 作用：不是打开页面，而是下载页面
• 问题：并不是所有浏览器都支持，尤其是手机就不支持

img 标签的用法

1. 作用

发车get请求，得到一张图片

2. 属性

alt / width / height / src

3. 事件

onload / onerror

4. 响应式

max-width:100%

5. 可替换元素

table 标签的用法

1. 相关标签

• thead
• tbody
• tfoot
• tr
• th
• td

2. 相关样式

• table-layout 用得很少了
• border-collapse 常用取值collapse
• border-spacing 常用取值0