十分にサポートされているものの、あまり知られていない、テーブルに適用される非常に便利な CSS プロパティがあります。テーブルの表示方法が変更されるため、より信頼性が高く一貫性のあるレイアウトが得られます。テーブルを適切にフォーマットすると、Web ページがより使いやすくなり、ユーザーがテーブル内の情報をより明確に理解できるようになるため、有益です。
この記事では、HTML での表の書式設定の「エラー」を防ぐ方法を説明します。この記事に入る前に、HTML のテーブルについて簡単に見てみましょう。
HTML テーブルは、
| タグはデータ セルの作成に使用されます。 | の下の要素はデフォルトで通常のテキストになり、左揃えになります。
HTML テーブルを使用すると、Web ページ作成者はテキスト、画像、リンク、他のテーブル、およびその他のデータを行と列のセルに配置できます。 ＃＃＃構文＃＃＃以下はHTMLテーブルの構文ですリーリー「間違った」HTML テーブルの書式設定を回避する方法をよりよく理解するために、次の例を検討してください。 ＃＃＃例＃＃＃以下の例では、「間違った」テーブルの書式設定を避けるために、前述のテーブルの高さと CSS を組み合わせて使用しています。 リーリースクリプトが実行されると、Web ページに表示するための正しい形式で、データが入力されたテーブルを含む出力が生成されます。＃＃＃例＃＃＃次の例を考えてみましょう。テーブルの背景画像として画像を使用したいので、テーブル形式の「バグ」を避けるために CSS を使用して追加します。 リーリー上記のコードを実行すると、出力ウィンドウがポップアップ表示され、データを含む画像が表示され、Web ページに表示されるテーブルの背景として追加されます。 ＃＃＃例＃＃＃以下を見てみましょう。テーブルの高さと幅を使用して、「間違った」テーブルの書式設定を避けるために必要な形式でテーブルを作成します。リーリースクリプトが実行されると、必要な形式で CSS が適用された Web ページ上に描画された表を含む出力が生成されます。 |
以上がHTML テーブルが正しくフォーマットされないようにするにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
