XHTML 入門チュートリアル: テーブルタグの応用

XHTML 入門チュートリアル: テーブルタグの応用
<br />テーブルは XHTML では扱いにくいタグなので、このセクションで理解するだけで十分です。CSS が普及する前は、テーブルは配置に広く使用されていました。 XHTML では、テーブルを配置することは推奨されていません。W3C は、配置において CSS が <table> を置き換えることができることを期待しています。しかし、実際には、CSS レイアウトを使用するには多くの手書きコードが必要になることが多いため (Dreamweaver などの一般的な Web デザイン ソフトウェアは div の表示を完全にサポートしていません)、多くの Web サイトでホームページのレイアウトに <table> がまだ使用されています。たとえば、Google のその他の製品ページでは、配置にテーブルが使用されています。 ただし、Web が向かっている方向は CSS なので、個人的には CSS を使用してページを配置することをお勧めします。もちろん、テーブルを CSS に置き換えると、初期段階では多くの問題が発生する可能性があります。 テーブルタグ <table>
XHTML では、表を作成するためのタグは <table> です。コードを書くときは、まず <tr> タグを使用して表を行に分割し、次に <td> タグを使用して各行をセルに分割します。手書きのコードだけで表を作成するのは非常に難しく、非効率的です。しかし、Web ページ作成ソフトウェアで表を作成するのは、Word と同じくらい簡単です。行や列などの簡単なプロパティを選択するだけです。ただし、自動生成されたテーブルが要件を満たさず、コード モードで調整する必要がある可能性もあるため、XHTML テーブル タグの具体的な記述方法については、一般的な理解が必要です。 表の境界線のプロパティ
<table> タグには border 属性を設定できます。 border プロパティに値を設定していない場合、ブラウザはデフォルトでテーブルの境界線を表示しません。 表の練習 4 行 2 列のラベルを作成しましょう。コードは次のとおりです: <table border="1">
<tr>
<td>グリッド</td>
<td>グリッド</td>
</tr>
<tr>
<td>グリッド</td>
<td>グリッド</td>
</tr>
<tr>
<td>グリッド</td>
<td>グリッド</td>
</tr>
<tr>
<td>グリッド</td>
<td>グリッド</td>
</tr>
</テーブル>

表示される結果は次のとおりです。上記のコードには、下の 4 行に対応する 4 組の <tr> があることに注意してください。そして、各 <tr> (行) には 2 つの <td> セルがあります。つまり、4 行 2 列の表になります。
このようなグリッド付きの表は、データやその他の情報を一覧表示するには十分ですが、配置に使用される表は通常、より複雑です。もう一度強調しますが、位置決めにテーブルを使用することはお勧めしません。そのため、ここでは <table> について簡単に紹介するだけにします。

<<:  jQuery は呼吸カルーセルを実装します

>>:  Docker-compose は Docker プライベート ウェアハウスのステップを迅速に構築します

推薦する

Linux でスワップ領域を確認する 5 つのコマンドの概要

序文Linux では、スワップ パーティションとスワップ ファイルの 2 種類のスワップ領域を作成で...

VMware のインストールと使用時の問題と解決策

仮想マシンは使用中であるか、接続できません次のようなエラーが報告された場合解決まずこのページにアクセ...

docker インストール後に hello-world を実行する問題を解決する

yumを使用してcentos7.3にDocker V1.13.1をインストールしましたしかし、doc...

Vue.js プロジェクトの開始方法

目次1. Node.jsとVue 2. ローカル開発環境でフロントエンドのVueプロジェクトを実行す...

MySQL共通ストレージエンジンの機能と使用方法の詳細な説明

この記事では、一般的な MySQL ストレージ エンジンの機能と使用方法を例を使って説明します。ご参...

ソフトウェア 404 と 404 エラーとは何か、またそれらの違いは何ですか

まず、404 とソフト 404 とは何でしょうか? 404: 簡単に言えば、ユーザーが存在しないペー...

MySQL 結合テーブルと ID 自動増分の例の分析

結合の書き方左結合を使用する場合、左側のテーブルが必ず駆動テーブルになりますか? 2 つのテーブルの...

あるテーブルからバッチデータをクエリし、それを別のテーブルに挿入する MySQL の完全な例

事前に言っておくNodejs はデータベースを非同期操作として読み取るため、データベースがデータを読...

フォーム要素の垂直方向の中央揃えに最適なソリューション

コードをコピーコードは次のとおりです。 <!DOCTYPE html PUBLIC "...

入力タイプの制限(複数の方法)

1. 入力・貼り付けできるのは中国語のみ<input onkeyup="value=...

Ubuntu 18.04 で MySQL のインストール時にパスワードが要求されない場合の解決方法

Ubuntu 1804 への MySQL 5.7 のインストールについて詳しく紹介します。 MySQ...

HTML はモバイル上で固定フローティング半透明検索ボックスを実装します

質問。モバイルショッピングモールシステムでは、ページの上部に検索ボックスがよく見られます。ブロガーは...

mysql order by in の文字順序の詳細な説明 (推奨)

//MySQL ステートメント SELECT * FROM `MyTable` WHERE `id...

MySQL InnoDB トランザクション ロック ソースコード分析

目次1. ロックとラッチ2. 繰り返し読み取り3. インサートロックプロセス3.1 ロックモード3....

Linux システムのシャットダウンコマンドの違いと使い方の詳細な説明

Linux システムのシャットダウン コマンドは何ですか? Liangxu Tutorial Net...