HTML テーブルタグチュートリアル (3): 幅と高さの属性 WIDTH、HEIGHT
|
デフォルトでは、テーブルの幅と高さはコンテンツに応じて自動的に調整されます。テーブルの幅と高さを手動で設定することもできます。 基本的な構文 <テーブルの幅=値 高さ=値> 構文の説明<br />テーブルの幅は WIDTH 属性で定義され、テーブルの高さは HEIGHT 属性で定義されます。単位はピクセルまたはパーセンテージです。パーセンテージの場合は、2 つのケースに分けられます。ネストされたテーブルでない場合は、パーセンテージはブラウザ ウィンドウに対する相対値であり、ネストされたテーブルの場合は、パーセンテージはネストされたテーブルが配置されているセルの幅に対する相対値です。 ファイル例: 10-3.htm テーブルの幅と高さを設定します。 01 <!-- -------------------------------- --> 02 <!-- ファイル例: 10-3.htm --> 03 <!-- ファイルの説明: テーブルの幅と高さを設定します --> 04 <!-- -------------------------------- --> 05 <HTML> 06 <ヘッド> 07 <TITLE>テーブルの幅と高さを設定する</TITLE> 08 </HEAD> 09 <本文> 10 <H1>主流のウェブデザインソフトウェア</H1> 11 <表の境界=1 幅=400 高さ=100> 12 <TR> 13 <TD>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 ピクセルに定義しています。 |
推薦する
Linuxのdateコマンドの使用
1. コマンドの紹介date コマンドは、現在の時刻または指定された時刻を指定された形式で表示するた...
JS 関数とコンストラクタを簡単に理解する
目次1. 概要1.1 Functionコンストラクタを使用して関数を作成する1.2 機能と目的2. ...
Dockerでランナーコンテナを構成する方法
1. ランナーコンテナを作成する mk@mk-pc:~/Desktop$ docker run -d...
Vueフォームバインディングとコンポーネントの詳細な説明
目次1. 双方向データバインディングとは1. データの双方向バインディングを実装する必要があるのはな...
VMwareがLinuxシステムをインストールして起動した後に黒い画面が表示される問題を解決する
1. 設置環境1. HUAWEI mate x CPU i5 82500u、8g メモリ、独立グラフ...
CSS で text-align と margin: 0 auto を使用して中央に配置する例コード
CSSでtext-align、margin: 0 autoを使用して中央揃えにするtext-alig...
MySQL ロック（テーブルロック、行ロック、共有ロック、排他ロック、ギャップロック）の詳細な説明
現実世界では、鍵は外の世界から身を隠したいときに使用するツールです。コンピュータでは、複数のプロセス...
JavaScript デザインパターン 責任連鎖パターン
目次概要コードの実装パラメータ定義成し遂げる責任連鎖パターンの実装改善概要責任チェーン パターンは、...
njs モジュールを使用して nginx 構成に js スクリプトを導入する
目次序文1. NJSモジュールをインストールする方法1: NJSモジュールを動的にロードする方法2:...
JavaScript 以外の静的リソースのバンドルの詳細
目次1. パッケージングツールでのカスタムインポート2. ブラウザとバンドラの共通インポート構文3....
垂直方向の中央揃えをエレガントに実現する方法を教えます（推奨）
序文CSS で水平方向と垂直方向に中央揃えする方法はたくさんあります。この記事で紹介する方法は非常に...
Linux コマンドで .sql ファイルをエクスポートおよびインポートする方法
この記事では、Linux コマンドを使用して .sql ファイルをエクスポートおよびインポートする方...
Vueはファイルのアップロードとダウンロードを実装します
この記事では、参考までにVueのファイルのアップロードとダウンロードの具体的なコードを紹介します。具...
HTMLの行間設定方法と問題点
<p></p> の行間隔を設定するには、style="line-h...
Ember.js と Vue.js の詳細な比較
目次概要フレームワークを選択する理由は何ですか? js のエンバーEmber.js と Vue.js...