HTML的常用标签

<a>标签

HTML <a> 元素（或称锚元素）可以通过它的 href 属性创建通向其他网页、文件、同一页面内的位置、电子邮件地址或任何其他 URL 的超链接。<a> 中的内容应该指明链接的意图。

<a>元素最重要的属性就是href属性，它指定链接的目标。如果没有使用 href 属性，则不能使用 hreflang、media、rel、target 以及 type 属性。

<a href="//baidu.com">百度</a>

<a>元素最的target属性，规定在何处打开目标 URL。仅在 href 属性存在时使用。

target的几个值和含义

• _blank：新窗口打开。

• _parent：在父窗口中打开链接。

• _self：默认，当前页面跳转。

• _top：在当前窗体打开链接，并替换当前的整个窗体(框架页)

• framename 在指定的框架中打开被链接文档

<a href="//baidu.com" target="-blank">百度</a>
<a href="//baidu.com" target="-parent">百度</a>
<a href="//baidu.com" target="-self">百度</a>
<a href="//baidu.com" target="-top">百度</a>
<a href="//baidu.com" target="-framename">百度</a>

<img>标签，定义 HTML 页面中的图像，从技术上讲，图像并不会插入 HTML 页面中，而是链接到 HTML 页面上。<img>标签的作用是为被引用的图像创建占位符，通过在<a>标签中嵌套<img>标签，给图像添加到另一个文档的链接。

img的几个值和含义

• src 图像的URL，这个属性对 <img> 元素来说是必需的,规定显示图像的 URL;

• loading 指定浏览器是应立即加载图像还是延迟加载图像,值为eager(立即加载)和lazy(延迟加载);

• alt 规定图像加载出错时的替代文本,也可以是图片或者图标,值为text;

• width 规定图像的宽度，为防止图片变形，不要与height属性同时用;

• weight 规定图像的高度，为防止图片变形，不要与width属性同时用;

<img src="smiley-2.gif" alt="微笑" width="42" height="42" loading="egger">

<img>的onerror事件

如果在加载外部文件（例如文档或图像）时发生错误，则会触发 onerror 事件。

<img src="image/bg.png" onerror="javascript:this src='image/bgError.png';">

<img>的onload事件

onload 事件在图片加载完成后立即执行Javascript代码。

<img src="w3javascript.gif" onload="loadImage()">

HTML的<table>元素表示表格数据，即通过二维数据表表示的信息

<table>
  <thead>
    <tr>
    <th>姓名</th>
    <th>班级</th>
    <th>性别</th>
    <th>年龄</th>
    </tr>
  </thead>
  
  <tbody>
    <tr>
    <td>可卿</td>
    <td>一班</td>
    <td>女</td>
    <td>16</td>
    </tr>
        <tr>
    <td>子睿</td>
    <td>五班</td>
    <td>男</td>
    <td>15</td>
    </tr>
        <tr>
    <td>沄安</td>
    <td>二班</td>
    <td>男</td>
    <td>17</td>
    </tr>
        </tr>
        <tr>
    <td>灵筱</td>
    <td>六班</td>
    <td>女</td>
    <td>16</td>
    </tr>
  </tbody>
  
  <tfoot>
    <tr>
    <td>数据来源于网络</td>
    </tr>
  </tfoot>
</table>

经过那么多天的学习，我发现一定要动手去写才能将知识记住，光做任务和看视频并不代表学会了，写多了才孰能生巧、举一反三。