HTML テーブルインライン形式の詳細な説明

HTML テーブルインライン形式の詳細な説明

インライン形式

<colgroup>...</colgroup>

属性名 属性値 説明

左揃え
中心
右
ヴァリントップ
真ん中
底
スパン番号 インライン番号

bgcolor 色 背景色

個別のインライン設定

フォーマット: <col> は <colgroup> と同じ機能を持ちます

<!-- 最初の行の DOCTYPE を xhtml に設定すると、colgroup が失敗することに注意してください -->

XML/HTML コードコンテンツをクリップボードにコピー
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" >   
  2.   
  3. < html   xmlns = "http://www.w3.org/1999/xhtml" >   
  4. <ヘッド>   
  5.      < title >表のインライン形式</ title >   
  6. </ヘッド>   
  7. <本文>   
  8.      <表 セルパディング= "5px"  セル間隔= "0px"  境界線= "1px"  境界線の色= "黒" >   
  9. <!--説明: 2セットのcolgroupタグを使用して、3列目全体を赤で表示するように制御します。
  10. 最初の colgroup のspan = "2"はプレースホルダーに相当するため、3 番目の列 (数学列全体) は赤で表示されます。
  11. 同様に、 span = "3"を設定すると、4 列目 (英語の列全体) が赤で表示されます。
  12.              <列グループ  span = "2" > </ colgroup >   
  13.              <コルグループ  bgcolor = "赤" > </ colgroup >   
  14. -- >   
  15. <!-- < col > は< colgroup >と同じ機能を持ちます
  16. <col>タグを設定すると、 <colgroup>と同じ機能を実現できます。
  17. ここで、 align = "right"を追加して、3 番目の列 (数式列全体) を右揃えに設定します。
  18. -- >   
  19.          <列 スパン= "2"   />   
  20.          <列  bgcolor = "赤"   align = "右"   />   
  21.          <キャプション  align = "left" >生徒の成績表</ caption >   
  22.          < tr >   
  23.              < th >名前</ th >   
  24.              < th >中国語</ th >   
  25.              < th >数学</ th >   
  26.              < th >英語</ th >   
  27.          </tr>​​   
  28.          < tr >   
  29.              < td >張三</ td >   
  30.              < td > 90 </ td >   
  31.              < td > 89 </ td >   
  32.              < td > 99 </ td >   
  33.          </tr>​​   
  34.          < tr >   
  35.              < td >李思</ td >   
  36.              < td > 98 </ td >   
  37.              < td > 92 </ td >   
  38.              < td > 96 </ td >   
  39.          </tr>​​   
  40.          < tr >   
  41.              < td >王武</ td >   
  42.              < td > 92 </ td >   
  43.              < td > 97 </ td >   
  44.              < td > 91 </ td >   
  45.          </tr>​​   
  46.          < tr >   
  47.              < td >合計スコア</ td >   
  48.              < td > 200 </ td >   
  49.              < td > 200 </ td >   
  50.              < td > 200 </ td >   
  51.          </tr>​​   
  52.      </表>   
  53. </本文>   
  54. </html>​​   

以上がエディターがお届けするHTMLテーブルインラインフォーマットの詳細な説明の内容です。お役に立てれば幸いです。123WORDPRESS.COMを応援してくださいね～

<<:  ウェブページの右側に固定されたフローティングレイヤーの実装コード

>>:  CentOS に MySQL 5.5 をインストールするための完全な手順

推薦する

Dockerがコンテナサービスを停止または削除できない問題の解決策

序文今日、開発者から、コンテナ サービスを停止、rm (docker rm -f)、または強制終了で...

docker.service 起動エラーの詳細なトラブルシューティング

エラーを報告するには次のコマンドを実行しますsystemctl dockerを再起動しますエラーメッ...

MySQLが大量のデータを処理する際にクエリ速度を最適化するいくつかの方法

実際に参加したプロジェクトでは、MySQL テーブルのデータ量が数百万に達すると、通常の SQL ク...

JavaScript プロトタイプとプロトタイプチェーンの深い理解

目次1. プロトタイプとは何ですか? 2. プロトタイプ__プロト__ 4. コンストラクター5. ...

Dockerパッケージイメージの実装と構成の変更

最近、Docker の学習や実際の運用で多くの問題に遭遇したので、それを記録するためにブログを書きま...

Vueはログイン時に画像認証コードを実装します

この記事では、Vueログイン用画像認証コードの具体的なコードを例として紹介します。具体的な内容は以下...

MySQLのスローログの開き方と保存形式の詳細な分析

開発プロジェクトでは、MySQL のスロークエリログを通じて効率の問題のある SQL を監視できます...

HTML チュートリアル: よく使われる HTML タグのコレクション (4)

関連記事:初心者が学ぶ HTML タグ (3)導入された HTML タグは、必ずしも XHTML 仕...

JSはシンプルなカウンターを実装します

HTML CSS および JavaScript を使用して、プラス、マイナス、ゼロの 3 つのボタン...

MySQLインストーラがコミュニティモードで実行されている場合の解決策

今日、リモートデスクトップを実行してログインしているときにこのプロンプトを見つけました「MySQL ...

美容・スタイリングウェブサイト向けのカラーマッチングテクニックと効果表示

色はあらゆるウェブサイトにとって最も重要な要素の 1 つであり、閲覧者に大きな影響を与えるため、色の...

ZooKeeper をベースにした Hadoop 高可用性クラスタの構築のチュートリアル図

目次1. 高可用性の概要1.1 可用性の高い全体アーキテクチャ1.2 QJMに基づく共有ストレージシ...

MySql の null 関数の使用の共有

MySql の null に関する関数IFNULL ISNULL NULLIF IFNULL使用法:...

jsonファイルの書き方の詳細説明

目次JSONとはなぜこの技術なのでしょうか? JSONの使い方- データ形式- メモ- JSには2つ...

高度な JavaScript フロントエンド開発でよく使用されるいくつかの API の例の詳細な説明

目次ミューテーションオブザーバーAPI特徴インターセクションオブザーバーAPI例えば画像の遅延読み込...