Detailed explanation of 2 important tags in html

1. e388a4556c0f65e1904146cc1a846bee Tags e388a4556c0f65e1904146cc1a846bee…94b3e26ee717c64999d7867364b1b4a3 During the web page creation process, some independent logical parts are divided and placed in a e388a4556c0f65e1904146cc1a846bee tag. This e388a4556c0f65e1904146cc1a846bee A label acts like a container. A logical section is a set of interrelated elements on a page. For example, an independent column section in a web page is a typical logical part.

## & lt; p ID = "Pigram name" & gt; ... & lt;/p & gt; to make the logic clearer, we can set a name for this independent logic part, use ID#Attribute to provide a unique name for e388a4556c0f65e1904146cc1a846bee, just like the ID number uniquely identifies our identity and must be unique.

2. table tag Table on the webpage

Four elements to create a table: table, tbody, tr, th, td

a, f5d188ed2c074f8b944552db028f98a1…f16b1740fad44fb09bfe928bcc527e08: The entire table starts with the f5d188ed2c074f8b944552db028f98a1 tag and ends with the f16b1740fad44fb09bfe928bcc527e08 tag.

b, 92cee25da80fac49f6fb6eec5fd2c22a…ca745a59da05f784b8811374296574e1: When there is a lot of table content, the table will be downloaded and displayed a little bit, but if the 92cee25da80fac49f6fb6eec5fd2c22a tag is added, the table will have to wait for the table content. It will not be displayed until everything is downloaded. Such as the code in the codeEditor on the right.

c, a34de1251f0d9fe1e645927f19a896e8…fd273fcf5bcad3dfdad3c41bd81ad3e5: One row of the table, so there are several rows of the table as many pairs of tr.

d, b6c5a531a458a2e790c1fd6421739d1c…b90dd5946f0946207856a8a37f441edf: A cell of the table. One row contains several pairs of b6c5a531a458a2e790c1fd6421739d1c...b90dd5946f0946207856a8a37f441edf, indicating how many columns there are in one row. .

e, b4d429308760b6c2d20d6300079ed38e…01c3ce868d2b3d9bce8da5c1b7e41e5b: A cell at the head of the table, table header.

f. The number of columns in the table depends on the number of data cells in a row.

<table>
  <tbody>
    <tr>
      <th>班级</th>
      <th>学生数</th>
      <th>平均成绩</th>
    </tr>
    <tr>
      <td>一班</td>
      <td>30</td>
      <td>89</td>
    </tr>
    <tr>
      <td>二班</td>
      <td>35</td>
      <td>85</td>
    </tr>
    <tr>
      <td>三班</td>
      <td>32</td>
      <td>80</td>
    </tr>
  </tbody>
</table>

Summary: The table table displays no table lines in the browser before adding css style. The header, that is, the text in th is bold and centered by default.

<style type="text/css">
table tr td,th{border:1px solid #000;}
</style>

Add a summary to the table fc5289d1a8ae23fdb076564106473cf3 The content of the summary will not be displayed in the browser, and its function is to increase the readability of the table.

Add a title to the table Describe the content of the table and display it above the table

<table>
    <caption>标题文本</caption>
    <tr>
        <td>…</td>
        <td>…</td>
        …
    </tr>
…
</table>

[Related recommendations]

1. Free html online video tutorial

2. html development manual

3. php.cn original html5 video tutorial

The above is the detailed content of Detailed explanation of 2 important tags in html. For more information, please follow other related articles on the PHP Chinese website!