HTML テーブル マークアップ チュートリアル (9): セル間隔属性 CELLSPACING

HTML テーブル マークアップ チュートリアル (9): セル間隔属性 CELLSPACING

テーブルがコンパクトになりすぎないように、テーブル内のセル間に一定の距離を設定できます。
基本的な構文
<TABLE セル間隔=値>
構文の説明<br />セル間隔はピクセル単位です。
ファイル例: 10-9.htm
表のセルの間隔を設定します。
01 <!-- -------------------------------- -->
02 <!-- ファイル例: 10-9.htm -->
03 <!-- ファイルの説明: 表のセル間隔を設定します-->
04 <!-- -------------------------------- -->
05 <HTML>
06 <ヘッド>
07 <TITLE>表のセル間隔を設定する</TITLE>
08 </HEAD>
09 <本文>
10 <H1>主流のウェブデザインソフトウェア</H1>
11 <TABLE BORDER=3 WIDTH=400 HEIGHT=100 Bordercolor=#336699 Background=10-8.jpg CellSpacing=10>
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 では、表のセルの間隔を 10 ピクセルに定義しています。

<<:  Mysql SQL ステートメント演習 (50 問)

>>:  Vue3 で状態管理を実装するために provide を使用する方法

推薦する

テキストエリアのテキストをHTMLに変換する方法、つまり復帰改行について

説明: テキストエリアの値の改行を新しい行に変更しますコードをコピーコードは次のとおりです。 <...

tomcat+nginx を使用してマルチアプリケーション デプロイメントを実装するためのサンプル コード

目次マルチアプリケーションの展開1-Tomcat 構成1.1- プロジェクト構成1.2-サービス構成...

IDEA で mysql8.0.3 と mybatis-generator を使用する際に発生するバグ

1. プラグインを追加し、pomファイルの下に次の設定を追加します。 <!-- mybatis...

MySQL 全体または単一のテーブルデータのエクスポート

単一のテーブルをエクスポートするmysqldump -u ユーザー -p db名 テーブル名 >...

MySQL 整合性制約の例の詳細な説明

この記事では、MySQL の整合性制約について説明します。ご参考までに、詳細は以下の通りです。メイン...

JavaScriptのURLオブジェクトとは何かについて話しましょう

目次概要ハッシュプロパティホストプロパティホスト名属性Href属性起源のプロパティユーザー名とパスワ...

NodeJs の高メモリ使用量のトラブルシューティング実戦記録

序文これは、オンライン コンテナーの拡張によって発生した調査です。最終的には、実際の OOM が原因...

MySQL ロール関数の紹介

目次序文: 1. 役割の紹介2. 役割に関連する操作要約:序文:前回の記事では、MySQLの権限管理...

JavaScript で 24 以上の配列メソッドを手動で実装する

目次1. トラバーサルクラス1. 各2. 地図3. すべての4. いくつか5. フィルター6. 減ら...

Windows10のマウスを模倣して境界線を光らせる効果を実現するCSSの詳細解説

最新の Windows 10 アップデートをインストールした後、システム UI の詳細な効果が顕著に...

MySQLでレコードを変更する場合、更新操作フィールド = フィールド + 文字列

シナリオによっては、varchar 型のフィールドを変更する必要があり、変更の結果は 2 つのフィー...

Linuxの同時実行は簡単です。このようにするだけです

並行処理関数 i の `grep server /etc/hosts | awk '{pri...

Linuxで相対パスを表現する方法

たとえば、現在のパスが /var/log で、/usr ディレクトリに移動する場合は、次のコマンドを...

建国記念日が近づいています。JS を使用して、建国記念日風のアバターを生成する小さなツールを実装します。実装プロセスの詳細な説明

目次1. ページレイアウト2. 画像のアップロードと表示3. キャンバスを初期化する4. テンプレー...

Firefox の CSS を使用してデータを盗む

0x00 はじめに数か月前、Firefox に脆弱性 (CVE-2019-17016) があること...