HTML常用标签

1. a 标签的用法

<a href="跳转的链接" target="用什么方式打开此链接(一般是用_self或_blank)">点击跳转</a>

href的取值可以是网址，路径，伪协议和Id,网址的取值用//域名.com 方式来赋值更推荐

target的取值有内置和程序员自己命名的窗口名，内置的有

• _bank
• _top
• _parent
• _salf

2. img 标签的用法

img作用，是发出一个get请求，展示一张图片

<img src="图片路径" alt="当图片无法显示时，显示的文字" /> img标签最主要用到的两个事件，分别是onload和onerror，onload表示当图片成功加载时触发的事件，onerror表示当图片加载失败时触发的事件，通常用于显示一张404图片

如果想让图片在手机上响应式显示，可以指定其样式max-width:100%

3. table 标签的用法

table标签主要用于显示一个表格列表

这是一个table的小例子

• table标签由thead、tbody、tfoot组成，thead表示表头
• tbody表示表体，tfoot表示表尾
• tr表示table row，表示为表的一行
• tr标签内包含的th，表示这一行的列头
• td表示为table data，一般表示行内数据

<table>
      <thead>
        <tr>
          <th></th>
          <th>小明</th>
          <th>小红</th>
          <th>小李</th>
        </tr>
      </thead>
      <tbody>
        <tr>
          <th>英语</th>
          <td>60</td>
          <td>67</td>
          <td>85</td>
        </tr>
        <tr>
          <th>数学</th>
          <td>60</td>
          <td>67</td>
          <td>85</td>
        </tr>
        <tr>
          <th>语文</th>
          <td>60</td>
          <td>67</td>
          <td>85</td>
        </tr>
      </tbody>
      <tfoot>
        <tr>
          <th>合计</th>
          <td>180</td>
          <td>167</td>
          <td>198</td>
        </tr>
      </tfoot>
    </table>

常用的一些样式有：

1. table-layout，表示表格的布局，有auto、fixed、inherit。通常使用auto来布局
   • auto：默认。列宽度由单元格内容设定
   • fixed：列宽由表格宽度和列宽度设定
   • inherit：应该从父元素继承 table-layout 属性的值
2. border-collapse，表示单元格边框的是否折叠，通常使用collapse，border-spacing设为0px
   • collapse:将表格和单元格的边框折叠；
   • separate:分隔表格和单元格的边框，这是默认值；
   • inherit:从父元素继承该属性。 3.border-spacing，表示单元格与单元格之间的边距

4. 其它感谢

这一节内容还介绍了iframe标签，form标签，input标签，还有其它的一些例如video、audio、canvas、svg标签

input标签的属性有非常多，例如button，checkbox，email，file，hidden，radio 这些标签属性用法，需要反复记忆才可以熟悉