HTML 常用标签的用法

1.a标签

使用情形：HTML a（anchor 锚）通过'href'属性创建超链接指向某一指定位置。
href：Hyper Reference，译为超级引用，即超链接。

    <a href="https://google.com">谷歌</a>
    <a href="http://google.com">谷歌</a>
    <a href="//google.com">谷歌</a>
    <!-- 这三种写法 都能跳转到谷歌。后面学到http再理解 -->

指定位置可以是网站、电话号码、邮件地址等。

代码示例：

    <a href="https://www.baidu.com/">去百度</a>
    <a href="mailto:crystalpeng1998@gmail.com">发邮件给我</a>
    <a href="tel:+12345678911">打电话给我</a>

2.img标签

使用情形：HTML img（图像）用于将图像嵌入文档。

   <img src="girl.jpg" alt="加载失败" height="100%" width="100%" />

src是必须的，可以是图片的相对路径或者绝对路径。
alt定义了图片文本描述。不是必填的，但推荐填写。当图片加载失败时，作为备用展示内容。
width和height设置图像原本的大小。若想改变图像大小，只需设置其中一个，另一个就会等比例缩放。都设置为100%时，图片会自适应所有页面大小。

3.table标签

使用情形：HTML table（表格）应该用于表示表格数据。
在<table>中，用<thead>定义表头的内容、用<tbody>表示表格的主体内容，最后用<tfooter>定义表格各列的汇总行。

代码示例：

    <table>
      <thead>
        <tr>
          <!-- tr 表示table row -->
          <th></th>
          <!-- th 定义表格内的表头单元格 -->
          <th>张三</th>
          <!-- 这里的 th 作为每一列的表头 -->
          <th>李四</th>
          <th>王五</th>
        </tr>
      </thead>
      <tbody>
        <tr>
          <th>英语</th>
          <!-- 这里的 th 作为每一行的表头 ，下同-->
          <td>71</td>
          <!-- td 表示单元格的数据 -->
          <td>81</td>
          <td>88</td>
        </tr>
        <tr>
          <th>语文</th>
          <td>90</td>
          <td>82</td>
          <td>65</td>
        </tr>
        <tr>
          <th>数学</th>
          <td>61</td>
          <td>91</td>
          <td>85</td>
        </tr>
      </tbody>
      <tfoot>
        <th>总分</th>
        <td>222</td>
        <td>254</td>
        <td>238</td>
      </tfoot>
    </table>

效果如图1：

图1

<table>支持全局属性，下列属性现已弃用，请用CSS代替。

align、bgcolor、border、cellpadding、cellspacing、frames、rules、summary、width。