HTML テーブル マークアップ チュートリアル (43): テーブル ヘッダーの VALIGN 属性

HTML テーブル マークアップ チュートリアル (43): テーブル ヘッダーの VALIGN 属性

垂直方向では、ヘッダーの配置を上、中央、下に設定できます。
基本的な構文
構文
Top は上、Middle は真ん中、Bottom は下を意味します。 ファイル例: 10-41.htm
テーブルヘッダーの垂直方向の配置を設定します。
01 <!-- -------------------------------- -->
02 <!-- ファイル例: 10-41.htm -->
03 <!-- ファイルの説明: ヘッダーを垂直配置に設定します -->
04 <!-- -------------------------------- -->
05 <html>
06 <ヘッド>
07 <title>ヘッダーの垂直方向の配置を設定する</title>
08 </head>
09 <本文>
10 <h1>主流の Web デザイン ソフトウェア</h1>
11 <テーブル 境界線=3 幅=400 高さ=100 境界線色=#336699 背景=10-8.JPG
セル間隔=10 セルパディング=25>
12 <tr>
13 <th valign="Top">Web グラフィック ソフトウェア</th><th>Fireworks</th>
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 </body>
23 </html> ファイル記述の 13 行目は、テーブル ヘッダーの垂直配置を上に定義します。

<<:  VUE ユニアプリの条件付きコーディングとページレイアウトに関する簡単な説明

>>:  MySQL での外部キーの作成、制約、削除

推薦する

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

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

ウェブデザインとは何か

<br />元の記事: http://www.alistapart.com/articl...

Firefox で英語の文字が折り返されない問題の解決方法

テキストのレイアウトには、言語に応じていくつかの書式設定要件があります。たとえば、簡体字中国語では、...

MySQL InnoDB MRR 最適化ガイド

序文MRR は Multi-Range Read の略で、ランダム ディスク アクセスを削減し、ラン...

MySQLアラームの詳細な分析と処理

最近、あるサービスにアラームが発生し、耐えられなくなっています。アラーム情報は次のとおりです。メトリ...

CSS3 で実装された価格表

結果: 実装コードhtml <div id="価格表" class=&qu...

MySQLはライブラリ内の主キーなしでテーブルインスタンスコードを素早く取得します

概要MySQL データベースで主キーのないテーブルを表示するための SQL ステートメントをいくつか...

MYSQLは、ショッピングカートに追加する際に重複追加を防ぐためのサンプルコードを実装します。

序文最近、仕事の都合で、APP ショッピングカートの注文支払いに取り組んでいました。テスト中にバグが...

LinuxでIPアドレスが表示されない問題の解決方法

目次序文解決:ステップ1ステップ2序文環境: VMware Workstation 上に Linux...

Linux での MySQL マルチインスタンスの展開とインストール ガイド

MySQLマルチインスタンスとは簡単に言うと、MySQL マルチインスタンスとは、サーバー上で複数の...

MySQL でストアド プロシージャを作成し、データ テーブルに新しいフィールドを追加する方法の分析

この記事では、例を使用して、MySQL でストアド プロシージャを作成し、データ テーブルに新しいフ...

zabbix 4.04 の詳細なインストール チュートリアル (CentOS 7.6 ベース)

1. インストール前の準備: 1.1 JDKをインストールするopenjdkをアンインストールする...

一定期間の日ごと、時間ごとの統計データを取得するMySQLの詳しい説明

毎日の統計情報を取得するプロジェクトを実行する際、プロジェクト ログを分析する必要があります。要件の...

CSSを使用して複数の画像を中央に水平に表示する方法

まず実装手順について説明します。最終結果 2. コードの実装HTML部分 <div class...