ホームページ > ウェブフロントエンド > htmlチュートリアル > Table、tr、td、th などのテーブルタグ要素の使用方法

Table、tr、td、th などのテーブルタグ要素の使用方法

php中世界最好的语言
リリース: 2017-11-23 15:11:17
オリジナル
4914 人が閲覧しました

Webサイトを作るならtableタグ要素は欠かせない要素ですが、Table、tr、td、thなどのtableタグ要素の使い方や使用時の注意点を分析してみましょう。

table テーブルの構文と構造

<table> 
    <tr> 
        <td> </td> 
        <td> </td> 
        <td> </td> 
    </tr> 
</table> 
或者
<table> 
    <tr> 
        <th> </th> 
        <th> </th> 
        <th> </th> 
    </tr> 
</table>
ログイン後にコピー

上記 2 つのテーブル構造では、td と th が使用されており、違いなく使用できます。

tableタグの使い方

例えば、スプレッドシートタイプのデータテーブル。

テーブルテーブルラベルの使用シナリオ

テーブルテーブルの実際の応用場所

テーブルの使用例

<table width="300" border="1" cellspacing="0"> 
    <tr> 
        <th>班级</th> 
        <th>日期</th> 
        <th>标题</th> 
    </tr> 
    <tr> 
        <td>一班</td> 
        <td>2012-5-10</td> 
        <td>标题1</td> 
    </tr> 
    <tr> 
        <td>二班</td> 
        <td>2012-5-20</td> 
        <td>标题2</td> 
    </tr> 
</table>
ログイン後にコピー

これだけたくさん紹介したので、誰もがテーブルのラベル要素について一定の知識と理解を持っていると思います。さらにエキサイティングな情報を入手してください。php 中国語 Web サイトその他の関連記事をフォローしてください。

関連記事:

ブラウザが HTML5 をサポートしているかどうかを確認する方法

HTML の

タグの使用方法

HTML5 の

タグ要素の使用方法

以上がTable、tr、td、th などのテーブルタグ要素の使用方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート