《HTML常用标签》

a 标签的用法

<a href=""></a>                            <!-- href后跟链接地址  -->
<a href="" target="_blank"></a>            <!-- 新、未命名的窗口打开链接  -->
<a href="" target="_self"></a>             <!-- a标签默认值，本窗口打开链接  -->
<a href="" target="_top"></a>              <!-- 在整个窗口的顶端打开链接  -->
<a href="" target="_parent"></a>           <!-- 在父框架中打开链接  -->
<a href="mailto:zhaokiwi@hotmail.com"></a> <!-- 发送邮件链接  -->
<a href="tel:13801234567"></a>             <!-- 拨打电话链接  -->

• 如果想使用不起作用的a标签，建议的代码如下：
  

<a href="javascrip:;"></a>

img标签的用法

• 发出get请求，展示一张图片。
  
• 属性：
  alt：图片出错时展示的信息
  height="数值" ：设置高度，不加px，为了长宽比，一般和width只设置一个参数
  src：图片源
• 使用技巧：
  在style中添加下列语句来使图片自动适配浏览器宽度

image{
max-width:100%;
}

table标签的用法

• 构成： thead 表头
  tbody 主体
  tfoot 尾部
  上述三者必须同时使用
  tr 行
  th 表头
  td 数据单元格
  示例：

<table border="1">
  <thead>
    <tr>
      <th>Month</th>
      <th>Savings</th>
    </tr>
  </thead>

 <tbody>
    <tr>
      <td>January</td>
      <td>$100</td>
    </tr>
    <tr>
      <td>February</td>
      <td>$80</td>
    </tr>
  </tbody>
  
  <tfoot>
    <tr>
      <td>Sum</td>
      <td>$180</td>
    </tr>
  </tfoot>
</table>

• 美化表格的使用技巧：

    <style>
        table{
            border-collapse: collapse;
            border-spacing: 0;
        }
    </style>

学习感受

• 标签非常多，各标签属性也非常多，可先掌握常用标签的使用方法，多多练习，在使用中慢慢掌握。