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 Composeのデプロイと基本的な使い方の詳しい説明

1. Docker Composeの概要Compose は、マルチコンテナ Docker アプリケー...

MySQL GTID の総合概要

目次01 GTIDの紹介02 GTIDの仕組み03 GTIDの利点と欠点04 テスト環境構築05 テ...

JavaScript関数の詳細な説明これを指す問題

目次1.関数内のこの方向1. 通常の機能2. コンストラクター3. オブジェクトメソッド4. イベン...

Mysql データベースのマスタースレーブ同期構成

目次Mysql マスタースレーブ同期構成1. 2つのmysqlをインストールする2. MySQL設定...

Linux のタイムドログ削除を実装する簡単な方法

導入Linux は、ファイル、ログ、電子メール、バックアップなどを自動的に生成できるシステムです。ハ...

Flask アプリケーションの Docker デプロイ実装手順

1. 目的Flask アプリケーションをローカルで作成し、Docker でパッケージ化し、独自のサー...

Vue 3 で Vue Router リンクを拡張する方法

序文<router-link> タグは、Vue アプリ内のさまざまなページ間を移動するた...

Windows Server 2016 に Docker をインストールするプロセスと発生した問題

前提条件Windows Server でコンテナーを実行するには、Windows Server (半...

mysql5.7.21 の異常起動を修正する方法

同僚から、停電のため MySQL インスタンスを起動できないという報告がありました。 innodb_...

Linux ユーザー グループと権限の概要

ユーザーグループLinux では、すべてのユーザーはグループに属する必要があり、Linux には次の...

テーブルの作成、フィールドの追加、フィールドの変更、インデックスの追加によく使用される MySQL の SQL 文の概要

この記事では、テーブルの作成、フィールドの追加、フィールドの変更、インデックスの追加を行う一般的な ...

MySQLデータベースで列を追加、削除、変更する方法

この記事では、例を使用して、MySQL データベースの列を追加、削除、および変更する方法について説明...

CSSフロートの特性についての簡単な説明

この記事では、CSS フロートの特徴を紹介します。皆さんと共有し、自分用のメモとして残したいと思いま...

CocosCreatorでWeChatゲームを作成する方法

目次1. WeChatパブリックプラットフォームからWeChat開発者ツールをダウンロードする2. ...

CSS と JS を使用して下線効果を実装する方法の例

この記事では、主に 2 種類の下線の動的効果について説明します。1 つ目は、ホバーすると X 軸が内...