HTML常用标签

1.a标签

<a href=""></a>可以创建通向其他网页、文件、同一页面内的位置、电子邮件地址或任何其他 URL 的超链接。

属性

• href属性,href属性里面的值可以为网址，例如<a href="http://xxx.com">一个链接</a>或者<a href="https//xxx.com">一个链接</a>或者<a href="//xxx.com">一个链接</a>，做后一种是无协议的方式打开网址，会自动选择使用http还是https，推荐使用最后一种无协议的方式，可以减少很多bug；可以是路径例如<a href="/a/b/c.html">打开c.html</a>，可以是伪协议<a href="javascript:;">空的伪协议</a>点击链接时什么都不发生的时候可以用，<a href="mailto:xxx@qq.com">发邮件</a>邮箱，<a href="tel:18888888888">打电话</a>打电话，<a href="#xxx">10</a>可以跳转到对应id的位置（内部锚点）。
• target属性，target的取值有四种：1._blank在空白窗口打开链接。2._self,target的默认值，在当前窗口打开链接。3._top在最顶层窗口打开链接。_parent在父级窗口打开链接。

img标签

<img src="" alt="" />作用：发出get请求，展示一张图片。

属性

• src：图片路径
• height/width：设置图片高度和宽度，尽量不要同时设置两项里的内容，可能会使图片变形，只设置一个值，另一个值会自适应。
• alt：图片内容的描述，用于加载失败时显示的文字，来告诉用户图片的内容。

事件

• onload
• onerror

响应式

设置方法img{max-width:100%}，设置图片最大宽度为撑满整个屏幕，用于适配不同尺寸的屏幕。

table 标签

table的相关标签

• <thead>表头；<tbody>表的主体内容，必须要有该标签；<tfoot>表尾；<tr>表的一行；<td>表格的内容，<th>表示每一行或者每一列的表头。

一个表：

<table>
      <thead>
        <tr>
          <th></th>
          <th>小红</th>
          <th>小明</th>
          <th>小颖</th>
        </tr>
      </thead>
      <tbody>
        <tr>
          <th>数学</th>
          <td>61</td>
          <td>61</td>
          <td>61</td>
        </tr>
        <tr>
          <th>语文</th>
          <td>61</td>
          <td>61</td>
          <td>61</td>
        </tr>
        <tr>
          <th>英语</th>
          <td>61</td>
          <td>61</td>
          <td>61</td>
        </tr>
      </tbody>
      <tfoot>
        <tr>
          <th>总分</th>
          <td>1</td>
          <td>2</td>
          <td>3</td>
        </tr>
      </tfoot>
    </table>