ホームページ  >  記事  >  ウェブフロントエンド  >  HTML テーブルの構文と関連属性の概要 (コード付き)

HTML テーブルの構文と関連属性の概要 (コード付き)

不言
不言オリジナル
2018-08-18 16:23:462199ブラウズ

この記事では、HTML テーブルの構文と関連する属性について説明します (コード付き)。必要な方は参考にしていただければ幸いです。

1. 文法

<table>
    <tr>
        <td></td>
        <td></td>
    </tr></table>

注: tr のペアは行を表し、td のペアは列 (1 つのセル) を表します

2. データテーブルの関連属性
1) width=”テーブルの幅”

2) height=”表の高さ”

3) border=”表の枠線”

4) bordercolor=”枠線の色”

5) cellpacing=”セル間の間隔”

6) cellpadding = 「セルとコンテンツの間のギャップ」

7) align="表の配置" 値: left、right、center、
valign="verticalalignment" topbottommiddle

8) 結合されたセルの属性:
列を結合:colspan="結合するセルの列数"
行を結合: rowspan = "結合するセルの行数"
colspan = "結合するセルの列数";
rowspan = "結合するセルの行数"

例:

……<table width="200" border="1">
  <tr>
    <td colspan="3">学生成绩</td>
  </tr>
  <tr>
    <td rowspan="2">张三</td>
    <td>语文</td>
    <td>98</td>
  </tr>
  <tr>
    <td>数学</td>
    <td>95</td>
  </tr>
  ....代码同上两行....</table>……

関連する推奨事項:

HTML テーブル要素

HTML テーブルとリスト_html/css_WEB-ITnose

以上がHTML テーブルの構文と関連属性の概要 (コード付き)の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。