a 标签
重要属性:
- href 可以填写:
- URL
- //xxx.com 自动补全当前页面所使用的协议
- /a/b/c 路径
- index.html 页面目录所在的页面
- #id 跳转到该id所在元素处
- # 跳转到页面顶端
- javascript:; 或 javascript:void(0) 创建一个伪链接,哪也不去
- mailto: 打开默认邮件客户端向该邮箱写信
- tel: 拨打该电话
---------
- target
- _self 在当前页面打开,默认值
- _blank 在新页面打开
- _parent 和 _top 指定打开链接的 iframe, 很少用,要用到再查
img 标签
用 GET 方法请求图片
重要属性:
- src 可以是相对路径或绝对路径/外部URL
- alt 图片无法显示时的替代文字
- width 和 height 写死图片的宽高,在绝对必要时再使用
通常会为 <img> 添加 max-width: 100% , 以避免图片超出容器
<img> 是个可替换元素,因此可以监听 onerror 替换加载失败时的图片
table 标签
手写一个完整的表格就很好懂:
<table>
<thead>
<tr>
<th></th>
<th>表头1</th>
<th>表头2</th>
</tr>
</thead>
<tbody>
<tr>
<th>行1</th>
<td>内容1</td>
<td>内容2</td>
</tr>
</tbody>
<tfoot>
<tr>
<th>总计</th>
<td>内容3</td>
<td>内容4</td>
</tr>
</tfoot>
</table>
会得到以下表格:
通常会用以下两个样式 Reset 表格:
合并单元间距离:
border-collapse: collapse;
border-spacing: 0;