<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> について簡単に紹介するだけにします。 |
>>: Docker-compose は Docker プライベート ウェアハウスのステップを迅速に構築します
序文Linux では、スワップ パーティションとスワップ ファイルの 2 種類のスワップ領域を作成で...
仮想マシンは使用中であるか、接続できません次のようなエラーが報告された場合解決まずこのページにアクセ...
yumを使用してcentos7.3にDocker V1.13.1をインストールしましたしかし、doc...
目次1. Node.jsとVue 2. ローカル開発環境でフロントエンドのVueプロジェクトを実行す...
この記事では、一般的な MySQL ストレージ エンジンの機能と使用方法を例を使って説明します。ご参...
まず、404 とソフト 404 とは何でしょうか? 404: 簡単に言えば、ユーザーが存在しないペー...
結合の書き方左結合を使用する場合、左側のテーブルが必ず駆動テーブルになりますか? 2 つのテーブルの...
事前に言っておくNodejs はデータベースを非同期操作として読み取るため、データベースがデータを読...
コードをコピーコードは次のとおりです。 <!DOCTYPE html PUBLIC "...
1. 入力・貼り付けできるのは中国語のみ<input onkeyup="value=...
Ubuntu 1804 への MySQL 5.7 のインストールについて詳しく紹介します。 MySQ...
質問。モバイルショッピングモールシステムでは、ページの上部に検索ボックスがよく見られます。ブロガーは...
//MySQL ステートメント SELECT * FROM `MyTable` WHERE `id...
目次1. ロックとラッチ2. 繰り返し読み取り3. インサートロックプロセス3.1 ロックモード3....
Linux システムのシャットダウン コマンドは何ですか? Liangxu Tutorial Net...