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環境を構築する簡単な方法

推薦する

Ajax responseText による JSON データの解析のケース スタディ

ajax 処理後にサーバーから返される responseText が JSON データであるという問...

Dockerを使用してMQTTサーバーを構築するプロセスの詳細な説明

1. イメージをプルするdocker pull registry.cn-hangzhou.aliyu...

CentOS7 構成 Alibaba Cloud yum ソースメソッドコード

Centos yumフォルダを開くコマンドcd /etc/yum.repos.d/を入力します。 w...

Nginx を使用してポート転送 TCP プロキシを実装する例

目次需要背景Nginx を使用する理由は何ですか? Nginx によるポート転送依存関係をインストー...

VMware vSphere6.0 サーバー仮想化の展開とインストールの図 (詳細な手順)

1. VMware vSphere 導入の早期計画のポイント1. vSphereの利点(わずかに)...

SSDストレージを有効にしたMySQLインスタンスの詳細な説明

SSDストレージを有効にしたMySQLインスタンスの詳細な説明特に OS と MySQL が同じディ...

Windows Apache 環境で SSL 証明書を展開して、Web サイトを https 対応にする方法

SSL 証明書の使用についてはここでは説明しません。SSL 証明書を導入する必要がある友人は、すでに...

Ubuntuが仮想マシンでインターネットに接続できない問題の解決策

インターネットに接続できない仮想マシンをセットアップするのは非常に面倒です。ここでは、Ubuntu ...

Mysql マスタースレーブ同期構成の実践の詳細な説明

1. はじめに以前、「MySQL マスター スレーブ同期の原理」という記事を書きました。この記事を読...

ウェブサイトのコンテンツが検索エンジンに含まれないようにする方法

通常、Web サイトを構築する目的は、検索エンジンにインデックス登録してもらい、プロモーションを拡大...

MySQL 5.7 クラスタ構成手順

目次1. サーバーAのmy.cnfファイルを変更する2. サーバーBのmy.cnfファイルを変更する...

Nginx の一般的な設定とテクニックの概要

序文この記事では、Nginx の一般的な、実用的で興味深い構成をいくつか紹介します。この記事を読んだ...

Docker で Harbor パブリック リポジトリを構築する方法の例

前回のブログ投稿では、レジストリのプライベート ウェアハウスについて説明しました。今日は、Harbo...

HTML の類似タグと属性の違いの詳細な説明

【1】<i></i>タグと<em></em>タグ同じ...

英語: リンクタグはIEでhrefを自動的に補完します

英語: IE では、リンク タグによって href が自動的に補完されます。 Ajax Link T...