html的标签分类、常用属性和常用标签

标签的分类：

标签分为单标签和双标签

单标签：只有一个开始标签，例如</br>（换行标签）

双标签：有开始标签和结束标签，他们中间包裹的内容就是他们显示的内容。例如：<p></p>(段落标签)

html常用属性：

class

为元素定义一个或者多个属性。（css中类名从文件中引入）

id

定义元素的唯一id。

style

规定元素的行内样式，在css中也可以用来定义css属性。

title

描述元素的额外信息。

标签介绍：

1：h1~h6

标题标签，一个页面最多只有一个h1标签。他们的大小从h1<h6，最小h6

代码如下：

    <h1>这是h1标签</h1>
    <h2>这是h2标签</h2>
    <h3>这是h3标签</h3>
    <h4>这是h4标签</h4>
    <h5>这是h5标签</h5>
    <h6>这是h6标签</h6>

运行效果如下：

2： p

段落标签，一般放置文字且独占一行。

代码如下：

<p>这是一个p标签</p>

运行效果如下：

3：a

超链接标签。<a href="#">****</a>,#表示占位符，可以写跳转的链接或者文件。****可以是文件，文字。一般做网页的时候会用css加以美化。

代码如下：

<a href="#">1234</a>

效果如下：

4：img

图像标签 。<img src="./....." alt="">,src里面写图片的地址。alt 属性用来为图像定义一串预备的可替换的文本。

代码如下：

<img src=".././ICON3.png" alt="图片">

运行效果如下：

5：表格标签

<table>

定义表格

<th>

定义表格的表头

<tr>

定义表格的行

<td>

定义表格单元

<caption>

定义表格标题

<colgroup>

定义表格列的组

<col>

定义用于表格列的属性

<thead>

定义表格的页眉

<tbody>

定义表格的主体

<tfoot>

定义表格的页脚

代码如下:

<h4>一列:</h4>
    <table border="1">
      <tr>
        <td>100</td>
      </tr>
    </table>
     
    <h4>一行三列:</h4>
    <table border="1">
      <tr>
        <td>100</td>
        <td>200</td>
        <td>300</td>
      </tr>
    </table>
     
    <h4>两行三列:</h4>
    <table border="1">
      <tr>
        <td>100</td>
        <td>200</td>
        <td>300</td>
      </tr>
      <tr>
        <td>400</td>
        <td>500</td>
        <td>600</td>
      </tr>
    </table>

运行效果如下：