HTML テーブル タグ チュートリアル (31): セルの幅と高さの属性 WIDTH、HEIGHT

HTML テーブル タグ チュートリアル (31): セルの幅と高さの属性 WIDTH、HEIGHT

デフォルトでは、セルの幅と高さはコンテンツに応じて自動的に調整されますが、セルの幅と高さを手動で設定することもできます。
基本的な構文
<TD 幅=値 高さ=値>
構文の説明<br />WIDTH 属性はセルの幅を定義し、HEIGHT 属性はセルの高さをピクセルまたはパーセンテージで定義します。
ファイル例: 10-29.htm
セルの幅と高さを設定します。
01 <!-- -------------------------------- -->
02 <!-- ファイル例: 10-29.htm -->
03 <!--ファイルの説明: セルの幅と高さを設定します-->
04 <!-- -------------------------------- -->
05 <HTML>
06 <ヘッド>
07 <TITLE>セルの幅と高さを設定する</TITLE>
08 </HEAD>
09 <本文>
10 <H1>主流のウェブデザインソフトウェア</H1>
11 <表の境界=1 幅=400 高さ=100>
12 <TR>
13 <TD WIDTH=300 height=50>Web グラフィック ソフトウェア</TD><TD>Fireworks</TD>
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 ピクセルに定義しています。

<<:  共有サイドバーを実装するためのネイティブJS

>>:  Docker環境を構築する簡単な方法

ブログ    

推薦する

MySQL DISTINCTの基本実装原理の詳細な説明

序文DISTINCT は、GROUP BY 操作の実装と非常によく似ていますが、GROUP BY の...

いくつかの重要なMySQL変数

MySQL 変数は数多くありますが、その中には注目に値するものもあります。ここでは、参考までに、注目...

MySQL のバックアップとリカバリの設計アイデア

背景まず、背景を説明します。ある制約により、当社の現在のバックアップ戦略では、1 日おきにフル バッ...

CSS スクロールバースタイル変更コード

CSS スクロールバースタイル変更コード .scroll::-webkit-scrollbar { ...

カルーセル例の JS 実装

この記事では、カルーセルチャートの小さなケースを実装するためのJSの具体的なコードを参考までに共有し...

Nodeイベントループの包括的な理解

目次ノードイベントループイベントループ図メインスレッドイベントループタイマーキューの仕組み投票キュー...

MySQL 8.0.11 MSI バージョンのインストールと構成のグラフィック チュートリアル

この記事では、MySQL 8.0.11 MSIバージョンのインストールと設定のチュートリアルを参考ま...

React Contextの理解と応用についてお話ししましょう

目次序文React Context の初見コンテキストの使い方コンテキストを直接取得できるいくつかの...

vue+el-element でファイル名に応じてダイアログを動的に作成する実践

目次背景成し遂げる1. カプセル化された /utils/dialogControl.js 2.ダイア...

CSS3 を使用して中心点の周りに要素を配置する方法の例

この記事では、CSS3 を使用して中心点を中心に要素をレイアウトする方法の例を紹介します。詳細は次の...

Bash で山括弧を使用するその他の方法

序文この記事では、山括弧のその他の用途をさらに詳しく見ていきます。前回の記事では、山括弧 (<...

ネイティブ JavaScript を使用した Web 計算機の実装

この記事では、参考までに、計算機のWebバージョンを実装するためのJavaScriptの具体的なコー...

Navicateを使用してAlibaba Cloud Server上のMySQLに接続する

1. まず、サーバーの mysql にアクセスして権限を変更します。 GRANT オプション付きで、...

MySQL内部一時テーブルの具体的な使用法

目次連合テーブルの初期化ステートメントの実行連合の結果ユニオンオールグループ化十分なメモリステートメ...

CSS 不透明度子要素が親要素の透明度を継承するためのソリューションの詳細な説明

プロジェクト ページの作成中に、子要素が親要素の透明度を継承するという問題に遭遇しました。多くのドキ...