HTML テーブル マークアップ チュートリアル (41): テーブル ヘッダーの幅と高さの属性 WIDTH、HEIGHT

HTML テーブル マークアップ チュートリアル (41): テーブル ヘッダーの幅と高さの属性 WIDTH、HEIGHT

デフォルトでは、ヘッダーの幅と高さはコンテンツに応じて自動的に調整されます。ヘッダーの幅と高さを手動で設定することもできます。
基本的な構文
<TH 幅=値 高さ=値>
構文の説明<br />ヘッダーの幅は属性によって定義され、ヘッダーの高さはピクセルまたはパーセンテージ単位の属性によって定義されます。
ファイル例: 10-39.htm
ヘッダーの幅と高さを設定します。
01 <!-- -------------------------------- -->
02 <!-- ファイル例: 10-39.htm -->
03 <!-- ファイルの説明: ヘッダーの幅と高さを設定します -->
04 <!-- -------------------------------- -->
05 <HTML>
06 <ヘッド>
07 <TITLE>ヘッダーの幅と高さを設定する</TITLE>
08 </HEAD>
09 <本文>
10 <H1>主流のウェブデザインソフトウェア</H1>
11 <表の境界=1 幅=400 高さ=100>
12 <TR>
13 <TH WIDTH=300 height=50>Web グラフィック ソフトウェア</TH><TH>Fireworks</TH>
14 </TR>
15 <TR>
16 <TD>Webページ作成ソフトウェア</TD><TD>Dreamweaver</TD>
17 </TR>
18 <TR>
19 <TD>Webアニメーションソフトウェア</TD><TD>Flash</TD>
20 </TR>
21 </表>
22 </本文>
23 </HTML>
ファイルの説明<br />行 11 では、テーブルの幅を 400 ピクセル、高さを 100 ピクセルに定義しています。 13 行目では、ヘッダーの幅を 300 ピクセル、高さを 50 ピクセルに定義しています。

<<:  Linux 仮想ホストで SourceGuardian (sg11) 暗号化コンポーネントを有効にする詳細な手順

>>:  Vue.jsは9グリッド画像表示モジュールを実装します

推薦する

mysql-joinsの具体的な使用方法

目次結合構文: 1. InnerJOIN: (内部結合) 2. LeftJOIN: (左結合) 3....

Vuex でゲッターとアクションを使用するための追加手順

予備的注釈1.Vue2.xとVue3.xの違い: Vue 3.x にはヘルパー関数はありません。 V...

js を使用してシンプルなスイッチ ライト コードを実装する

体の部位: <button>ライトのオン/オフを切り替える</button>...

Win10 での MySQL 8.0.16 のインストールと設定のチュートリアル

1. MySQL 8.0.16を解凍する次の図に示すように、解凍後にdadaフォルダとmy.ini構...

Nginx tp3.2.3 404 問題の解決

最近、Apache を nginx に変更しました。TP プロジェクトを実行に移すと、404 エラー...

Nginxは特定のページへのIPアクセスを制限します

1.すべてのIPアドレスが3つのページa1.htm、a2.htm、a3.htmにアクセスするのを禁止...

CocosCreator クラシック エントリー プロジェクト flappybird

目次開発環境ゲームエンジンのコンセプトCocos Creatorについてプロジェクト構造コード編集環...

MySQL 8.0.20 のインストールと設定の詳細なチュートリアル

この記事では、MySQL 8.0.20のインストールと設定方法についての詳細なチュートリアルを参考ま...

MySQL 8.0.15 で MGR シングル マスターと複数スレーブを構成する方法

1. はじめにMySQL グループ レプリケーション (略して MGR) は文字通り MySQL グ...

jQueryは画像追従効果を実現します

この記事では、画像フォロー効果を実現するためのjQueryの具体的なコードを参考までに紹介します。具...

CSS を使用して固定左列と適応右列の 2 列レイアウトを実現する 4 つの方法

1. フロート+オーバーフロー:非表示このメソッドは主にオーバーフローを通じて BFC をトリガーし...

LinuxシステムにおけるMySQLの一般的な操作コマンド

仕える: # chkconfig --list すべてのシステムサービスを一覧表示する# chkco...

HTML 左、中央、右の適応レイアウト (calc css 式を使用)

最新の HTML 標準には、レイアウトを計算するために使用できる calc CSS 式があります。し...

DockerでRedisを使用するための詳細な手順

1. はじめにこの記事では、Docker を使用して Redis を探索する方法を説明します。 Do...

Vue バッチ更新 DOM 実装手順

目次シーン紹介深い応答性トリガーゲッターDep.targetを探すゲッターセッター要約するシーン紹介...