HTML テーブル タグ チュートリアル (34): 行スパン属性 ROWSPAN

HTML テーブル タグ チュートリアル (34): 行スパン属性 ROWSPAN

複雑なテーブル構造では、一部のセルが水平方向に複数のセルにまたがるため、行間属性 ROWSPAN を使用する必要があります。
基本的な構文
<TD 行スパン = 値>
構文
VALUE はセルがまたがる行数を表します。
ファイル例: 10-32.htm
ROWSPAN プロパティは、行にまたがるセルを実装するために使用されます。
01 <!-- -------------------------------- -->
02 <!-- ファイル例: 10-32.htm -->
03 <!-- ファイルの説明: 複数の行にまたがるテーブルを設定する -->
04 <!-- -------------------------------- -->
05 <HTML>
06 <ヘッド>
07 <TITLE>複数行にまたがるテーブルの設定</TITLE>
08 </HEAD>
09 <本文>
10 <テーブル BORDER=3 WIDTH=400 HEIGHT=100 Bordercolor=#336699 ALIGN="CENTER">
11 <TR>
12 <TD>ソフトウェア カテゴリ</TD><TD>ソフトウェア名</TD>
13 </TR>
14 <TR>
15 <TD RowSpan=3>Web ページ作成ソフトウェア</TD>
16 <TD>花火</TD>
17 </TR>
18 <TR>
19 <TD>ドリームウィーバー</TD>
20 </TR>
21 <TR>
22 <TD>フラッシュ</TD>
23 </TR>
24 </表>
25 </本文>
26 </HTML>
ファイルの説明<br />行 15 の最初のセルは 3 行にまたがっています。

<<:  Vite+ElectronでVUE3デスクトップアプリケーションを素早く構築

>>:  zabbix を使用して ogg プロセスを監視する (Linux プラットフォーム)

推薦する

Docker での MySQL 8.0.20 のインストールと設定のチュートリアル

Dockerは参考までにMySQLバージョン8.0.20をインストールします。具体的な内容は以下のと...

Vue コンポーネント値転送中のデータ損失の分析と解決

序文前回の記事では、JavaScript の 2 つのデータ型、基本型と参照型、および参照型の浅いコ...

マインスイーパゲームを実装するための jQuery プラグイン (3)

この記事では、jQueryプラグインを使用してマインスイーパゲームを実装する方法に関する3番目の記事...

Vue 関数のアンチシェイクとスロットリングの正しい使用方法

序文1. デバウンス: 高頻度イベントがトリガーされた後、関数は n 秒以内に 1 回だけ実行されま...

MySQL マスタースレーブ同期遅延の原因と解決策

歴史的な理由により、MySQL レプリケーションは、REDO ログではなく論理バイナリ ログに基づい...

JavaScript ベースで年・月・日の 3 階層連携を実現

この記事では、年、月、日の3段階のリンクを実現するためのJavaScriptの具体的なコードを参考ま...

bash を使って日付をカウントダウンする方法

重要なイベントまであと何日あるか知りたいですか? Linux bash と date コマンドが役に...

HTML5 と HTML4 の 10 の主な違い

HTML5 は HTML 標準の次のバージョンです。ますます多くのプログラマーが、Web サイトの構...

fullpage.js フルスクリーンスクロールの具体的な使い方

1.fullpage.js ダウンロードアドレスhttps://github.com/alvarot...

mysql8.0.11データディレクトリ移行の実装

mysql のデフォルトのストレージ ディレクトリは/var/lib/mysql/です。以下は、デフ...

Dockerオーバーレイはホスト間のコンテナ相互通信を実現します

目次1. Dockerの設定2. レジストリとネットワークを作成する3. コンテナを起動する環境説明...

CSS 要素の非表示の原則と display:none および visibility:hidden

1. CSS 要素の非表示<br />CSS では、要素を非表示にする (つまり、画面の...

MySQL マルチテーブル結合クエリの詳細な説明

目次複数テーブル結合クエリ内部結合左結合右結合サブクエリ要約する複数テーブル結合クエリテーブル間の接...

Element-UI の Select と Cascader にポップアップ下部アクション ボタンを追加する方法

下図のように、 selectポップアップレイヤーの下部に操作ボタンを配置するのが一般的な設計方法です...

MySQLのMERGEストレージエンジンの詳細な説明

MERGE ストレージ エンジンは、MyISAM テーブルのグループを論理ユニットとして扱い、同時に...