HTML常用标签

一、a标签的用法 作用： 定义超链接

• 外部页面
• 内部锚点
• 电话、邮箱

属性：

1. href：指示链接的目标； 取值如下:

• 网址

<a href="//google.com">超链接</a>

• 路径

<1> /a/b/c 以及 a/b/c

<a href="/a/b/c.html">c.html</a>

<2>index.html 以及 ./index.htm

<a href="./index.html">index.html</a>

• 伪协议

  <1>javascript:代码;

  <2>mailto:邮箱

  <3>tel:电话

• id

<a href="#xxx">跳转至xxx</a>

2.target:用指定窗口打开； 取值如下：

• 内置名字

  <1>-blank:在新页面打开；

  <2>-top:在顶级窗口打开；

  <3>-parent:在当前页面的上一级窗口打开；

  <4>-self:在当前页面打开；

• 程序员命名

  <1>windows的name;

  <2>iframe的name;

二、img 标签的用法

作用：发出get请求，展示一张图片

属性：

• alt 用于显示失败时，提示用户

• heigh 定义图片高度

• width 定义图片宽度

* src  	 图片地址

事件：

• onload

• onerror

响应式：

• max-width：100%

三、table 标签的用法

作用：用于制定表格

语法如下：

<table>
  <thead>
    <tr>
      <th>表头</th><th>表头</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>数据</td><td>sss</td>
    </tr>
  </tbody>
  <tfoot>
    <tr>
      <td>空</td><td>空</td>
    </tr>
  </tfoot>
</table>

四、感想：

算是一个小笔记吧，如果有错误还请纠正哦今天是学习的第18天，学习进度有点慢但我相信只要坚持学习，有一天我也能像社区大神写更多有质量的博客，fighting！