HTMLテーブル

HTML テーブル

テーブルは <table> タグによって定義されます。各テーブルには多数の行 (<tr> タグで定義) があり、各行は多数のセル (<td> タグで定義) に分割されます。文字 td はテーブルデータ、つまりデータセルの内容を指します。データセルには、テキスト、画像、リスト、段落、フォーム、水平線、表などを含めることができます。

ここに例があります:

<html>
    <head>
    <meta charset="utf-8"> 
    <title>Table in html</title>
    </head>
    <body>
        <p>水平表头</p>
        <table border="1">
         <tr>
            <th>Name</th>
            <th>Age</th>
            <th>Gender</th>
         </tr>
         <tr>
            <td>zdd</td>
            <td>30</td>
            <td>male</td>
         </tr>
         </table>
         
         <p>垂直表头</p>
         <table border="1">
         <tr>
            <th>Name</th>
            <td>autumn</td>
         </tr>
         <tr>
            <th>Age</th>
            <td>30</td>
         </tr>
         <tr>
            <th>Gender</th>
            <td>famale</td>
         </tr>
        </table>
    </body>
</html>

試してみてください

ボーダーレステーブル

テーブルを定義するときにボーダー属性が指定されていない場合、テーブルにはボーダーがありません

< ;テーブル< TD & LT; / TD & LT; ; 27 & LT;/TD & GT ;</tr>
</table>

空のセルセルにコンテンツが指定されていない場合、セルは空になります。国境はない

if 解決策は何ですか?この方法では、空白のセルにスペースを追加します。HTML は余分なスペースを無視するため、スペースを直接追加することはできませんが、非改行スペースを示すためにを追加します。

タイトル付きの表

caption属性を使用しますが、タイトルにスペースを含めることはできないようです、そうでない場合は表示されます時間が変わります！それはあまりにもばかげていませんか？

<caption>私のテーブル</caption> <tr><td>zdd</td><td>30</td> ;< ;/tr>
<tr><td> </td><td>20</td></tr>
</table>

行間または列間table
colspan を使用して行をまたぐ

行範囲を使用して列をまたぐ

HTML テーブルヘッダー

テーブルヘッダーは <th> タグを使用して定義されます。

ほとんどのブラウザでは、テーブルヘッダーが太字で中央に配置されたテキストとして表示されます:

<table border="1">
<tr>
<th>Header 1</th>
<th<Header 2

行 1、セル 1
行 1、セル 2
< /tr>
<tr>
<td>行 2、セル 1</td>
<td>行 2、セル 2</td>
</tr>
</table>

学び続ける

||

新しいファイル

<html> <head> <meta charset="utf-8"> <title>php.cn</title> </head> <body> <h4>背景颜色：</h4> <table border="1" bgcolor="yellow"> <tr> <td>First</td> <td>Row</td> </tr> <tr> <td>Second</td> <td>Tom</td> </tr> </table> </body> </html>

提出するリセットコード
自動運転