1 a标签的常用用法
a元素（或称锚元素）可以创建通向其他网页、文件、同一页面内的位置、电子邮件地址或任何其他 URL 的超链接。
（1）herf属性
全称是 hyper reference。
典型的例子：
<a href="//google.com">google</a>
<a href="//google.com"> <img src="图片"></a>
a的 href的取值
- 网址
<a href="https://google.com">谷歌1</a>
<a href="http://google.com">谷歌2</a>
<a href="//google.com">谷歌3</a>
一般使用//google.com就可以了，它会自己跳转到https或者http。
- 路径
<a href="/a/b/c.html"></a>——路径最前面的/代表的是启动http服务的根目录，并非系统文件的根目录。`
- 伪协议
javascript:可执行代码——点击该元素后，执行该代码。
<a href="javascript:alert(1);">JavaScript伪协议</a>——直接执行js代码
<a href="javascript:;">点我无反应</a>——点击之后无任务动作。
<a href="mailto:[邮箱地址]"></a>——可自动呼出发邮件的应用。
<a href="tel:[手机号码]"></a>——创建一个电话链接，若在手机上，会自动呼出拨号界面。
- id
<a href="#xxx">查看</a>——滚动到本页id值为xxx部分，即内部锚点。
(2)a的 target的取值
指定如何展示打开的链接，可以是在指定的窗口，也可以在
<iframe>里面打开,以_开头的代表内置关键字
<a href="https://baidu.com" target="aaa">百度</a>——在名为“aaa”的窗口中打开www.baidu.com
target的内置名字：
_blank——在新的窗口打开前面的网址_top——打开顶层窗口_self——一般来说是和_top相同，但是在设置iframe的情况下，会在iframe中打开网址_parent——打开顶层窗口，但是在iframe中会打开上一级的窗口
例如，这样设置红色区域的代码：
<body style="background: red;">
我是文件iframe
<iframe src="a-target-iframe-2.html"></iframe>
</body>
然后是绿色区域的代码：
<body style="background: green;">
我是iframe2
<hr />
里面有a标签
<a href="//baidu.com" target="_parent">parent</a>
</body>
此时会在红色区域打开baidu.com,如下图：
2 img标签的常用用法
img——发出一个GET请求，然后展示一张图片。
（1）img的属性
alt
定义了图像的备用文本描述。当图像加载失败时，显示该内容。加载成功则不会出现。
比如
<img src="dog.png" alt="图片说明" />——此时图片加载失败的时候，会在页面上显示“图片说明”。
height和width
定义图像的宽度和高度，只需要指定其中的一个，另外一个会自动适配。前端工程师的底线，则是永远别让图片变形。
（2）img的事件
onload和onerror——监听图片是否加载成功
<script>
xxx.onload = function () {
console.log("图片加载成功");
};
xxx.onerror = function () {
console.log("图片加载失败");//备用图
xxx.src = "/备用图.png";
};
</script>
（3）img的响应式
max-width——100% 在任何屏幕下适配页面宽度，对手机端的测试很有用。
3 table标签的常用用法
（1）table的相关标签：
<thead>、<tbody>、<tfoot>
<table>的子集元素，顺序无关。thead是表头,tbody是表中,tfoot是注脚。
<tr>、<td>、<th>
<tr>即table row,是表格中的一行。<th>、<td>用来定义表格的单元格，<th>是标题单元格，<td>是数据单元格。
具体的用法如下图
（2）table的相关的样式
table-layout
根据内容自动分配宽度。
例子：
table{
table-layout: auto;
}
同样的作用还有fixed
table{
table-layout: fixed;
}
注意：auto和fixed的不同点：
auto：
fixed：
基本上如果单纯追求等齐，
fixed更多用
border-spacing
规定border之间的间距
例子：
border-collapse
消除border之间的间距
例子：
4 其他
html标签并不仅仅只有这些，以后还得实践中慢慢掌握。
