機能: データ表示、テーブルアプリケーションシナリオ。 <table> テーブル<tr> 行<td> セル 形式: <テーブル> <caption>...</caption><!- 表のタイトル、中央揃え --> <tr> <th>...</th>... <!- 表のヘッダー、コンテンツは中央揃え、太字 --> </tr> <tr> <td>...</td>... </tr> </テーブル> テーブル構造タグ: 一部を読み込んで一部を表示するのに便利です。 ヘッダー(thead)、本文(tbody)、フッター(tfoot)の3つの部分に分けます。これらの3つのタグはレイアウトに影響を与えません。 <テーブル> <caption>...</caption> <頭> <tr> <th>...</th>... <!- 表のヘッダー、コンテンツは中央揃え、太字 --> </tr> </thead> <t本文> <tr> <td>...</td>... </tr> </tbody> <tfoot> <tr> <td>...</td>... </tr> </tfoot> </テーブル> テーブルタグの属性 tr タグ属性 <テーブル> <tr> <td colspan="2"> ...</td> <td> ...</td> </tr> <tr> <td>...</td> <td>...</td> <td>...</td> </tr> </テーブル> <テーブル> <tr> <td> ...</td> <td rowspan="2"> ...</td> </tr> <tr> <td>...</td> <td>...</td> <td>...</td> </tr> </テーブル> 説明: 1. テーブル構造を完成させる 2. <td> タグ内に配置 <テーブル> <tr> <td> ...</td> <td> <テーブル> <tr> <td> ...</td> <td>.</td> </tr> </テーブル> </td> </tr> </テーブル> 1. テーブルのネストをできるだけ少なくします。 2. 行と列の範囲ができるだけ狭い表を使用します。 コードの全体的なメンテナンスコストが増加します。 ウェブページの構造レイアウトにテーブルを使用する場合、境界線は通常設定されません。 HTML テーブルの詳細説明はこれで終わりです。HTML テーブルに関するより詳しい内容については、123WORDPRESS.COM の過去の記事を検索するか、以下の関連記事を引き続きご覧ください。今後とも 123WORDPRESS.COM をよろしくお願いいたします。 |
目次1. 重複行を見つける方法2. 重複行を削除する方法3. 複数の列で重複を見つける方法4. クエ...
この記事では、Taobao商品詳細のカルーセルを実現するためのvideojs+swiperの具体的な...
JWT の紹介JWTとは正式名称はJSON Web Tokenで、現在最も人気のあるクロスドメイン認...
この記事は主にインターネット上の他のチュートリアルを参考にしています。実際に操作した上でのまとめです...
ウェブサイトの構築では、HTML と CSS に関するさまざまな問題に常に遭遇します。ウェブサイト ...
借財宝は最近人気が出ている携帯電話ローンソフトウェアプラットフォームです。知人同士の貸し借りが特徴で...
私はここでCentOS 7 64ビットシステムを使用しています。CentOS 64ビットシステムを試...
みなさんこんにちは、Qiufengです。最近、WeChatは新しい機能をリリースしました(WeCha...
ストアドプロシージャとコーディングMySQL ストアド プロシージャでは、テーブルとデータのエンコー...
序文Linux サーバーを操作および管理するときに、最もよく使用されるコマンドの 1 つが nets...
目次1. はじめに2. 利点3. 使用手順1. Vuexをインストールする2. Vuexを参照する3...
この記事では、カレンダー効果を実現するためのBootstrap+Jqueryの具体的なコードを参考ま...
関連記事: CentOS7でyumを使用してDockerをインストールするDockerを使ってWin...
この記事では、MySQL 5.7.21の解凍版をダウンロードしてインストールする詳細な手順を記録して...
この便利なツールでプログラムをより効率的に実行およびコンパイルしますMakefile は自動コンパイ...