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 イベントを実装する方法を説明します。

推薦する

ネイティブJavaScriptでカルーセルを実装する

この記事では、JavaScriptでカルーセルを実装するための具体的なコードを参考までに紹介します。...

jQueryはバウンドボールゲームを実装します

この記事では、バウンドボールゲームを実装するためのjQueryの具体的なコードを参考までに共有します...

フロントエンド開発に必須:推奨されるブラウザ互換性テストツール 12 選

フロントエンド開発者にとって、さまざまな主要ブラウザのさまざまなバージョンでコードが適切に動作するこ...

MySQL データベース内の数十億のデータを素早くクリーンアップする方法

今日、ディスクアラーム例外を受け取りました。50G ディスクが爆発しました。分析と解決のプロセスは次...

JS の querySelector メソッドと getElementById メソッドの違い

目次1. 概要1.1 querySelector() と querySelectorAll() の使...

Vueはツリー構造の追加、削除、変更、チェックのサンプルコードを実装します

実は多くの会社がユーザー権限ツリーに似た機能を持っています。最近、追加、削除、修正のツリー構造を書き...

JavaScript ではおそらく switch 文を使う必要はない

目次スイッチも複雑なコードブロックもありませんPythonからのインスピレーション辞書を使用してスイ...

CentOS8 で Docker を使用してオープンソース プロジェクト Tcloud をデプロイするチュートリアル

1. Dockerをインストールする1. 仮想マシンに Centos7 をインストールしました。Li...

フレックスレイアウトが子要素によって引き伸ばされたときに、コンテンツをコンテナ内に保持する方法

モバイル デバイスでは、フレックス レイアウトが非常に便利です。デバイスの幅に応じてコンテナーの幅を...

webpack -v エラー解決

背景webpackのバージョンを確認したいのですが、webpack -vを実行するとエラーが報告され...

jQueryのコア機能とイベント処理の詳細な説明

目次イベントページの読み込みイベント委任イベントの切り替えイベント要約するイベントページの読み込み1...

Win10 64 ビットで圧縮パッケージを使用して最新の MySQL 8.0.18 をインストールするチュートリアル (画像とテキスト付き)

WIN10 64ビットに最新のMySQL8.0.18をインストールダウンロード公式サイトから最新バ...

知っておくべき 7 つのネイティブ JS エラーの種類

目次概要1. 範囲エラー2. 参照エラー3. 構文エラー4. タイプエラー5. URIエラー6. 評...

HTMLフォームアプリケーションにはチェックボックスとラジオボタンの使用が含まれます

チェックボックスやラジオボタンの使用を含むコードをコピーコードは次のとおりです。 <!DOCT...

MySQL での r2dbc の使用に関する詳細な理解

導入MySQL は、私たちが日常業務で使用する非常に一般的なデータベースです。MySQL は現在 O...