dl、dt、dd リスト ラベルの例

dl、dt、dd リスト ラベルの例

dd タグと dt タグはリストに使用されます。
通常は <ul><li> タグを使用しますが、dd タグと dt タグも非常に便利です。特にプログラムを公開する場合は、機能モジュールのリストをレイアウトするために使用できます。
<dl></dl><dt>< /dt><dd>< /dd>
<dl></dl> は通常のリストを作成するために使用され、<dt></dt> はリストの上の項目を作成するために使用され、<dd></dd> はリストの下の項目を作成するために使用されます。<dt></dt> と <dd></dd> は両方とも <dl></dl> タグ ペアの間に配置する必要があります。次の例を見れば理解できるでしょう。
通常のリストを作成する
    <html>
    <ヘッド>
    <title>通常のリスト</title>
    </head>
    <本文テキスト="青">
    <ダウンロード>
    <dt>中国の都市</dt>
    <dd>北京</dd>
    <dd>上海</dd>
    <dd>広州</dd>
    <dt>アメリカの都市</dt>
    <dd>ワシントン</dd>
    <dd>シカゴ</dd>
    <dd>ニューヨーク</dd>
    </dl>
    </本文>
    </html>

    この例はブラウザでは次のように表示されます: 中国の都市 北京 上海 広州 アメリカの都市 ワシントン シカゴ ニューヨーク

<<:  MySQL sql_modeクエリと設定の詳細な説明

>>:  この記事では、VUE の複数の DIV とボタン バインディングの Enter イベントを実装する方法を説明します。

推薦する

Linuxで環境変数を削除する詳細な手順

Linuxで環境変数を削除するには?unsetコマンドを使用してすぐに削除します1. Linuxクラ...

Webフォーム作成スキル

実際、上記の 3 つの表はいずれも 3 行 3 列です。区切り線を非表示にするコツはルールにあります...

Tomcat のメモリ構成の正しい姿勢についての簡単な説明

1. 背景多くのブログや記事を読みましたが、JVM のメモリ割り当て方法に関する包括的な記事は見つか...

Dockerの動作モードと原理の詳細な説明

次の図に示すように: 仮想マシンと Docker を使用するとき、「なぜ Docker は VM よ...

CocosCreatorでリストを作成する方法

CocosCreator バージョン: 2.3.4 Cocos には List コンポーネントがない...

Ubuntu 18仮想マシンのクローン作成後に同じIPアドレスになる問題の解決方法

序文最近、仮想マシンを使用して Ubuntu 18.04 をインストールしました。クローン作成後、I...

Vueは小さなフォーム検証機能を実装します

この記事では、フォーム検証を実装するためのVueの具体的なコードを例として紹介します。具体的な内容は...

JavaScript は詳細なコードで星座クエリ機能を実装します

目次1. タイトル2. コード3. 結果IV. 結論1. タイトルテキスト ボックスに誕生日の値を入...

MySQL sql_modeクエリと設定の詳細な説明

1. SQLを実行して表示する @@session.sql_mode を選択します。 グローバルレベ...

UbuntuはCUDAの複数のバージョンをインストールし、いつでも切り替えることができます

CUDA とは何かを紹介するのではなく、複数の CUDA バージョンの共存とリアルタイム切り替えをど...

バントリストコンポーネントをスクロールしても、スクロールバーの位置は保持されます。

バントリストコンポーネントをスクロールするときに、スクロールバーの位置が保持されます。これは、kee...

3 階層ナビゲーション メニューを実現するための js+css

この記事の例では、3レベルのナビゲーションメニューを実装するためのjs + cssの具体的なコードを...

WeChatアプレットの入力ジッター問題を解決する方法

問題を見つけるまず問題を見てみましょう。ミニプログラムでは、Vant のダイアログ コンポーネント ...

Windows ベースの MySQL 8.0.12 のインストール

このチュートリアルは Windows システムにのみ適用されます。インストールしたがまだインストール...