HTMLにおけるテーブルの基本構成-htmlチュートリアル-php.cn

HTML表格的基本组成：: 表格标题或摘要: 表格标题行: 表格数据行主体: 表格脚注行: 一行表格数据: 表头单元格: 数据单元格

HTMLにおけるテーブルの基本構成

HTML 中表格的基本组成

表格 (table) 元素是 HTML 中用于创建表格数据的元素。它由几个基本组成部分组成：

元素：

定义表格的标题或摘要。

位于元素的第一层。

元素：

定义表格的标题行。
包含

元素，其中包含表头 (元素：

定义表格的数据行主体。
包含

元素，其中包含表格数据 (元素：

定义表格的脚注行。
包含

元素，其中包含表格汇总或注释数据。

元素：

定义一行表格数据。
包含

) 数据。
) 数据。
（表头）或	（数据）元素。	元素：定义表头数据单元格。通常居中对齐并加粗显示。	元素：定义数据单元格。可以包含文本、数字、图像或其他 HTML 元素。示例： <code class="html"><table> <caption>员工信息</caption> <thead> <tr> <th>姓名</th> <th>职务</th> <th>薪水</th> </tr> </thead> <tbody> <tr> <td>约翰·史密斯</td> <td>经理</td> <td>$50,000</td> </tr> <tr> <td>玛丽·安</td> <td>工程师</td> <td>$40,000</td> </tr> </tbody> </table></code> ログイン後にコピー以上がHTMLにおけるテーブルの基本構成の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。ソース：php.cn 前の記事：HTMLに下線を設定する方法次の記事：HTMLでのテーブルの使い方このウェブサイトの声明この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。著者別の最新記事 jsで文字列型に変換する方法 2024-05-10 05:00:26 jsにおけるオブジェクトとクラスの関係 2024-05-10 04:57:21 jsのオブジェクトとは何ですか 2024-05-10 04:54:17 元の配列を変更する js のメソッドはどれですか 2024-05-10 04:51:19 jsでのクラスの使い方 2024-05-10 04:45:28 JSのクロージャーの長所と短所 2024-05-10 04:39:16 jsのクラスの実際の利用シーン 2024-05-10 04:33:20 js における document.createelement の役割 2024-05-10 04:30:23 jsのドキュメントメソッドとは何ですか 2024-05-10 04:27:19 jsでドキュメントを使う方法 2024-05-10 04:24:18 最新の問題 function_exists() はカスタム関数を決定できません Function test () {return true;} if (function_exists ('test')) {echo "テストは関数です"; から 2024-04-29 11:01:01 0 2 1369 Google Chromeのモバイル版を表示する方法こんにちは、先生、Google Chrome をモバイル版に変更するにはどうすればよいですか? から 2024-04-23 00:22:19 0 9 1459 子ウィンドウは親ウィンドウを操作しますが、出力は応答しません。最初の 2 つの文は実行可能ですが、最後の文は実装できません。から 2024-04-19 15:37:47 0 1 1290 親ウィンドウには出力がありません document.onclick = function(){ window.opener.document.write('私は子ウィンドウの出力です'); から 2024-04-18 23:52:34 0 1 1185 CSS マインドマッピングに関するコースウェアはどこにありますか? コースウェアから 2024-04-16 10:10:18 0 0 1261 関連トピック詳細> Binanceでビットコインを売買する方法 Windows が共有コンピュータにアクセスできない Huawei 携帯電話で WeChat クローンを作成する方法二項演算 css HTMLコードを削除する方法 VTをオンにする方法トランザクションスコープの使い方人気のおすすめ URLってどういう意味ですか？ DOM とはどういう意味ですか? 画像サイズを変更する方法 HTMLでフォントを太字にする方法 HTML画像のサイズを設定する方法人気のチュートリアル詳細> 関連するチュートリアル人気のおすすめ最新のコース最新の ThinkPHP 5.1 ワールドプレミアビデオチュートリアル (PHP エキスパートになるための 60 日間のオンライントレーニングコース) 1403185 PHP 入門チュートリアル 1: 1 週間で PHP を学ぶ 4231248 JAVA 初心者向けビデオチュートリアル 2418574 Little Turtle のゼロベースの Python 学習入門ビデオチュートリアル 498177 PHP ゼロベースの入門チュートリアル 834006 最新の ThinkPHP 5.1 ワールドプレミアビデオチュートリアル (PHP エキスパートになるための 60 日間のオンライントレーニングコース) 1403185 回の学習 JAVA 初心者向けビデオチュートリアル 2418574 回の学習 Little Turtle のゼロベースの Python 学習入門ビデオチュートリアル 498177 回の学習 Web フロントエンド開発の簡単な紹介 214178 回の学習 PSビデオチュートリアルをゼロからマスターする 858922 回の学習 [Web フロントエンド] Node.js クイックスタート 4675 回の学習海外のWeb開発フルスタックコースの完全なコレクション 3621 回の学習 Go言語実践GraphQL 3114 回の学習 550W ファンマスターが JavaScript をゼロから段階的に学習します 560 回の学習 Python マスター Mosh、基礎知識ゼロの初心者でも 6 時間で始められる 16094 回の学習最新のダウンロード詳細> ウェブエフェクト公式サイトサイト素材フロントエンドテンプレート [フォームボタン] jQuery エンタープライズメッセージフォームの連絡先コード [プレイヤーの特殊効果] HTML5 MP3 オルゴール再生効果 [メニューナビゲーション] HTML5 クールなパーティクルアニメーションナビゲーションメニューの特殊効果 [フォームボタン] jQuery ビジュアルフォームのドラッグアンドドロップ編集コード [プレイヤーの特殊効果] VUE.JS 模倣 Kugou 音楽プレーヤーコード [html5特殊効果] 古典的な HTML5 プッシュボックスゲーム [画像の特殊効果] 画像効果を追加または削減するための jQuery スクロール [フォトアルバム効果] CSS3 個人アルバムカバーホバーズーム効果 [フロントエンドテンプレート] 室内装飾クリーニングおよび修理サービス会社のウェブサイトのテンプレート [フロントエンドテンプレート] フレッシュカラーの個人履歴書ガイドページテンプレート [フロントエンドテンプレート] デザイナーのクリエイティブな仕事の履歴書 Web テンプレート [フロントエンドテンプレート] 現代のエンジニアリング建設会社のウェブサイトのテンプレート [フロントエンドテンプレート] 教育サービス機関向けのレスポンシブ HTML5 テンプレート [フロントエンドテンプレート] オンライン電子書籍ストアモールのウェブサイトテンプレート [フロントエンドテンプレート] IT テクノロジーがインターネット企業の Web サイトテンプレートを解決します [フロントエンドテンプレート] パープルスタイル外国為替取引サービスウェブサイトテンプレート [PNG素材] かわいい夏の要素のベクター素材 (EPS+PNG) [PNG素材] 4 つの赤い 2023 卒業バッジベクター素材 (AI+EPS+PNG) [バナー画像] 歌う鳥と花がいっぱいのカートデザイン春のバナーベクター素材（AI+EPS） [PNG素材] 金色の卒業帽ベクター素材（EPS+PNG） [PNG素材] 黒と白のスタイルの山アイコンベクター素材 (EPS+PNG) [PNG素材] 異なる色のマントと異なるポーズを持つスーパーヒーローのシルエットベクター素材（EPS+PNG） [バナー画像] フラットスタイルの植樹祭バナーベクター素材 (AI+EPS) [PNG素材] 9つのコミックスタイルの爆発するチャットバブルベクター素材（EPS+PNG） [フロントエンドテンプレート] 室内装飾クリーニングおよび修理サービス会社のウェブサイトのテンプレート [フロントエンドテンプレート] フレッシュカラーの個人履歴書ガイドページテンプレート [フロントエンドテンプレート] デザイナーのクリエイティブな仕事の履歴書 Web テンプレート [フロントエンドテンプレート] 現代のエンジニアリング建設会社のウェブサイトのテンプレート [フロントエンドテンプレート] 教育サービス機関向けのレスポンシブ HTML5 テンプレート [フロントエンドテンプレート] オンライン電子書籍ストアモールのウェブサイトテンプレート [フロントエンドテンプレート] IT テクノロジーがインターネット企業の Web サイトテンプレートを解決します [フロントエンドテンプレート] パープルスタイル外国為替取引サービスウェブサイトテンプレート私たちについて免責事項 Sitemap PHP中国語ウェブサイト：福祉オンライン PHP トレーニング，PHP 学習者の迅速な成長を支援します！

) 数据。

（表头）或

（数据）元素。

元素：

定义表头数据单元格。
通常居中对齐并加粗显示。

元素：

定义数据单元格。
可以包含文本、数字、图像或其他 HTML 元素。

示例：

<code class="html"><table>
  <caption>员工信息</caption>
  <thead>
    <tr>
      <th>姓名</th>
      <th>职务</th>
      <th>薪水</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>约翰·史密斯</td>
      <td>经理</td>
      <td>$50,000</td>
    </tr>
    <tr>
      <td>玛丽·安</td>
      <td>工程师</td>
      <td>$40,000</td>
    </tr>
  </tbody>
</table></code>

ログイン後にコピー

以上がHTMLにおけるテーブルの基本構成の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

ソース：php.cn

前の記事：HTMLに下線を設定する方法次の記事：HTMLでのテーブルの使い方

このウェブサイトの声明

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

著者別の最新記事