HTMLの重要な2つのタグを詳しく解説-htmlチュートリアル-php.cn

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

零下一度

リリース： 2017-05-11 15:34:15

オリジナル

1301 人が閲覧しました

タグ

…

ウェブページの作成プロセス中に、いくつかの独立した論理部分が

タグのように機能します。容器。論理セクションは、ページ上の相互に関連する要素のセットです。たとえば、Web ページの独立した列セクションは、典型的な論理部分です。 < p>ID 番号と同様に、ID 番号を指定して、ID を一意に識別し、一意である必要があります。

2. table タグ Web ページ上の

table

html基础2 重要标签0

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

a、

... タグで始まり、

タグで終わります。

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

のコードなど。

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

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

テーブルヘッダー。

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>

ログイン後にコピー

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

html基础2 重要标签1 テーブルにタイトルを追加しますテーブルの内容を説明し、テーブルの上に表示します

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

ログイン後にコピー

【関連おすすめ】

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

HTML 開発マニュアル

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

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