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グリッド画像表示モジュールを実装します

推薦する

React のネストされたコンポーネントの構築順序

目次Reactの公式サイトではライフサイクルの説明を見ることができます次に、ネストされたコンポーネン...

ReactでuseStateを使用する詳細な例

使用状態useState は、関数コンポーネント内で呼び出すことで、コンポーネントに内部状態を追加し...

Linux ディスクのシーケンシャル書き込みとランダム書き込みの方法

1. はじめに● ランダム書き込みではヘッドがトラックを頻繁に変更するため、効率が大幅に低下します。...

MySQL クラスタの詳細な説明: 1 つのマスターと複数のスレーブのアーキテクチャ実装

実験環境: 1. CentOS 7 サーバー 3 台2. mysql5.7.26 (3台のマシンはす...

Vue ページ状態の永続化の詳細な説明

目次コード:補充:要約する要件: 左のツリーと右のテーブル。組織ツリーでノードを選択した後、詳細ペー...

Vueソースコード解析における仮想DOMの詳しい説明

なぜ仮想DOMが必要なのでしょうか?仮想 DOM はブラウザのパフォーマンス問題を解決するために設計...

XHTML 特殊文字コレクション

注意&#160;ノーブレークスペース = ノーブレークスペース、 iexcl ¡ &...

HTML テーブル マークアップ チュートリアル (18): テーブル ヘッダー

<br />ヘッダーはテーブルの最初の行を参照します。ヘッダー内のテキストは中央揃えで太...

クロスブラウザローカルストレージⅠ

原文: http://www.planabc.net/2008/08/05/userdata_beh...

Redhat 7.3 に MySQL 8.0.22 をインストールするための詳細なチュートリアル (バイナリ インストール)

目次1. MySQLインストールパッケージをダウンロードする2. MySQLのアンインストール手順3...

ハイパーリンクのWebデザイン原則

<br />関連記事: Web コンテンツ ページ作成のための 9 つの実用的なヒント、...

Docker Compose を使用して ELK を迅速にデプロイする (テスト済みで効果的)

目次1. 概要1.1 定義1.2 機能説明2. ELKを展開する2.1 ディレクトリとファイルを作成...

スネークゲームのウェブ版を実装するためのJavaScript

この記事では、ウェブページのスネークゲームを実装するためのJavaScriptの具体的なコードを参考...

MySQLデータベースインデックスの左端一致原則

目次1. 共同インデックスの説明2. ac はインデックスを使用できますか? 3. 考える4. 最左...

Linux で Ceph 分散ソフトウェアをインストールして使用する方法に関するチュートリアル

目次序文1. 基本環境1. サービス配信2. ネットワーク構成(全ノード) 3. SSHパスワードフ...