HTMLの重要な2つのタグを詳しく解説

1. e388a4556c0f65e1904146cc1a846bee タグ e388a4556c0f65e1904146cc1a846bee…94b3e26ee717c64999d7867364b1b4a3 ウェブページの作成プロセス中に、いくつかの独立した論理部分が e388a4556c0f65e1904146cc1a846bee タグのように機能します。容器。論理セクションは、ページ上の相互に関連する要素のセットです。たとえば、Web ページの独立した列セクションは、典型的な論理部分です。 01ffcd5d1a840d2341909ced6bafa76cID 番号と同様に、ID 番号を指定して、ID を一意に識別し、一意である必要があります。

2. table タグ Web ページ上の

table

は、テーブルの 4 つの要素を作成します: table、tbody、tr、th、td

a、f5d188ed2c074f8b944552db028f98a1...

b, 92cee25da80fac49f6fb6eec5fd2c22a…ca745a59da05f784b8811374296574e1: テーブルのコンテンツが多い場合、テーブルは少しダウンロードされて表示されますが、92cee25da80fac49f6fb6eec5fd2c22a タグが追加されると、テーブルはすべてのテーブルの内容が表示されるまで待ちます。右側のコードエディタ

のコードなど。

c, a34de1251f0d9fe1e645927f19a896e8…fd273fcf5bcad3dfdad3c41bd81ad3e5: テーブルの行。したがって、tr のペアがいくつかあり、テーブルには複数の行があります。

d、b6c5a531a458a2e790c1fd6421739d1cb90dd5946f0946207856a8a37f441edf: テーブル内のセルには、b6c5a531a458a2e790c1fd6421739d1c...b90dd5946f0946207856a8a37f441edf のペアが複数含まれており、1 行に何列あるかを示します。 e、b4d429308760b6c2d20d6300079ed38e…01c3ce868d2b3d9bce8da5c1b7e41e5b: テーブルの先頭のセル、

テーブルヘッダー。

f. テーブル内の列の数は、行内のデータ セルの数によって異なります。

<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>

概要: CSS スタイルを追加する前、テーブル table にはブラウザにテーブル行が表示されません。ヘッダー、つまり th 内のテキストは、デフォルトで太字で中央揃えになります。

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

表に要約を追加 ae88271e570d2b14862691f01a46a3e6 要約の内容はブラウザーには表示されません。その機能は表の可読性を高めることです。

テーブルにタイトルを追加します テーブルの内容を説明し、テーブルの上に表示します

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

【関連おすすめ】

1.

無料の HTML オンラインビデオチュートリアル

2.

HTML 開発マニュアル

3.

php.cn オリジナルの HTML5 ビデオチュートリアル

以上がHTMLの重要な2つのタグを詳しく解説の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。