一、a标签的用法

常用属性：

• href

1. 网址：href="//xxx.com" (直接输入"//"可以适用"http"、"https")
2. 路径：href="a/b/c.html或href="/a/b/c.html或index.html
3. 伪协议：href=javascript,一个点击之后无动作的a标签
4. 邮箱：maito href="mailto:邮箱号"
5. 手机号：tel href="tel:手机号"
6. id: href=#xxx 跳转内部锚点

• targ

内置名字：

1. _blank：跳转到新的空白页面打开
2. _self：默认值，在当前页面打开
3. _top：在当前页面最上层的页面打开
4. _parent：在当前链接所在的上一层窗口打开

注：href="1.html" target="xxx" （会打开一个名为xxx的窗口，如果xxx窗口已经存在，xxx窗口则会打开1.html这个页面）

• download

可下载网页，但部分浏览器都不支持

二、 img 标签的用法

1. 作用：发出get请求，发出一张照片

2. 属性：

• alt 图片加载失败可显示其他内容
• height width 设置图片的高和宽，不知道图片比例的情况下只写其中一个即可，同时写会导致图片变形
• src 图片地址（网络地址/相对路径/绝对路径）

<img alt="猫咪" src="猫咪.jpg" height="400px">

3. 事件：

• onload 监听图片加载成功
• onerror 监听图片未加载成功

4. 响应式：max-width:100% 宽度占页面的100%

5. 可替换元素

典型的可替换元素有：

• <iframe>
• <video>
• <embed>
• <img>

有些元素仅在特定情况下被作为可替换元素处理，例如：

• <option>
• <audio>
• <canvas>
• <object>
• <applet>

三、table 标签的用法

1. 常用属性

• table 表格
• thead
• tbody
• tfoot
• tr table+row table内的一行
• td table+date 数据
• th 表头（自动加粗）

注：thead、tbody、tfoot 编写顺序不影响实际效果

2. 相关样式

• table-layout：auto单元格宽度根据内容改变；fixed单元格宽度保持等宽
• border-collapse：默认单元格边框是分开的，控制合并单元格边框
• border-spacing：控制分开的单元格的边框之间的距离

四、其他感想

一步一步慢慢积累、每日坚持、用心学习。