HTML常用标签

a标签

一、 属性

1. href
2. target
3. download
4. rel=noopener 二、 作用
5. 跳转外部页面
6. 跳转内部特点
7. 跳转到邮箱或电话 三、 a的href取值

• 网址：https://   http://   //
• 路径：/a/b/c或a/b/c
• 伪协议：javascript:代码;   mailto:邮箱;   tel:电话; 四、//和id的使用
• 网址输入//后自动补全为http://，当补全为http://无法读取时跳转为https://
• 输入#+id时自动跳转至id

<a href="//google.com">超链接</a>
<a href="/a/b/c.html">打开c.html</a>

五、a的target的取值

_blank	_top	_parent	_self
在空白页打开	在顶部页面打开	在上一层打开	在当前页面打开

img标签的用法

一、 作用

发出get请求展示一张图片

二、 属性

• alt加载图片失败时展示的文字
• src+图片.png/.jpg
• height
• width 三、 响应式
  
  max-width:100%:图片宽度与屏幕显示宽度一致（多用于手机）
  
  四、响应式
• onload：当图片加载成功时会在开发者调试工具console中显示输入的文本
• onerror：当图片加载失败时会在开发者调试工具console中显示输入的文本

    <img id="xxx" src="timg.png" alt="图片" />
    <script>
      xxx.onload = function () {
        console.log("图片加载成功");
      };
      xxx.onerror = function () {
        console.log("图片加载失败");
        xxx.src="404.png";
      };
    </script>

图片加载成功时 图片加载失败时 ##table标签的用法

1. table标签 tr|th|td :-|:-:|-: 表格中的行|表头单元格|标准单元格（包含数据）
2. 相关的样式 table-layout|border-collapse|border-spacing :-|:-:|-: 定义布局表格算法|表格间的距离|表格是否合并