今天学习的重点标签
<a> </a>标签<table> </table>标签<img>标签
标签：<a> </a>
<a> </a>含义：
标签定义超链接，用于从一个页面链接到另一个页面。
<a> </a>常见属性：
hreftargetdownloadrel=noopener
1.href <a>元素最重要的属性，它指定链接的目标。
<a href=" "> href="链接的目标【可作内部锚点，也可链接外部页面】"
例:1.链接外部页面，点击谷歌将会跳转到谷歌页面。
<a href="//google.com">谷歌</a>
2.内部锚点，点击"跳转到锚点"将会跳转到"锚点"处。
<a href="#xxx">跳转到锚点</a>
<p>...</p>
<p>...</p>
<p id="xxx">锚点</p>
2.target用来规定在何处打开链接文档。
traget的几种取值：
1.blank,在新窗口打开页面（符合国人习惯）。
<a href="网址" target="_blank">网址</a>
2.self，在当前窗口打开页面（符合外国人习惯）。
<a href="网址" target="_self">网址</a>
3.top，在整个窗口中打开被链接文档。（不赘述，在ifarme标签下可使用）
4.praent，在父框架集中打开被链接文档。（不赘述，在ifarme标签下可使用）
3.dowenload不是打开页面，而是下载页面（注意不是每个浏览器都支持，大部分的手机浏览器不支持）
4.rel=noopener
标签：<table> </table>
<table> </table>含义：表示html表格
<table> </table>的标签元素：
<thead></thead>表格的头部（表头）<tbody></tbody>表格的身体（表身）<tfoot></tfoot>表格的尾部（表尾）<tr></tr>表格的一行<th></th>表格的表头<td></td>表格的数据 用小猪佩奇来理解如图：
标签：<img>
<img>含义：定义 HTML 页面中的图像，本质是发送一个请求，展示图片。
<img>属性：
<src>：规定显示图像的 URL，本地html文件同目录下的直接用图片的名字加格式，外部图片则需要url地址
1.<img src="xx.jpg">
2.<img src="url">
<alt>:图像加载失败后的替代文本。如图：如果xx图片加载失败，将会显示文字图片加载失败请刷新。
<img src="xx.jpg" alt="图片加载失败请刷新">
<hight>：图像的高度<width>：图像的宽度 一般来说<hight><width>取一个，不然会导致图片变形。
通常<img>标签中src alt 都是必备属性。
<img>事件：<onload> <onerror>
可用于图片加载失败后加载替换另一个图片。
<onload> ：图片加载成功 <onerror>：图片加载失败
<img id="xxx"src="xx.jpg" alt="图片加载失败请刷新">
<script>
xxx.onlaoad = function() {
console.log("图片加载完成");
};
xxx.onerror = function() {
console.log("图片加载失败");
xxx.src="/图片";
};
</script>
响应式：max-width:100% 控制页面显示，通常用于控制手机页面显示 。
可替换元素
感想
通过本章学习，知道了这几个标签的用法。通过博客把自己的理解整理记录下来，同时分享给大家，希望大家一起进步。
注
文章部分资料来源：饥人谷
