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> タグ ペアの間に配置する必要があります。次の例を見れば理解できるでしょう。 通常のリストを作成する
<ヘッド> <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 イベントを実装する方法を説明します。
推薦する
さまざまなネットワーク画像形式におけるPNGの利点の詳細な説明
BMP は、ハードウェア デバイスに依存せず、広く使用されている画像ファイル形式です。ビットマップ保...
ノードでシェルスクリプトを使用する方法
背景開発中、特定の状況でビジネス ロジックをバッチ処理するためのスクリプトが必要になる場合があります...
CSS3 シンプルカットカルーセル画像実装コード
実装のアイデアまず、親コンテナーを作成し、2 つの順序なしリストを使用して、柔軟なレイアウトで親コン...
ES6実装クラスのプライベート変数の書き方をいくつか詳しく説明します
プライベート変数のクロージャ実装プライベート変数は共有されないnew キーワードにより、 perso...
Saltstack に Zabbix サービスをデプロイする方法を説明します
目次SaltstackがZabbixサービスを導入httpd、mysql、phpをインストールするh...
js キャンバスは角丸画像を実現します
この記事では、角を丸くするためのjsキャンバスの具体的なコードを参考までに紹介します。具体的な内容は...
通知メッセージカルーセルを実装するための CSS3 トランジション
Vueバージョンをファイルにコピーして使用します <テンプレート> <!-- カル...
ルート変更を監視するJavaScriptの詳細な説明
目次歴史pushState() メソッドpushState() の使用シナリオreplaceStat...
Docker で Docker0 ブリッジのデフォルトのネットワーク セグメントを変更する方法
1. 背景Docker サービスが開始されると、デフォルトで docker0 ブリッジが作成され (...
7つの基本的なXHTMLコーディングルールの概要
1. すべてのタグには対応する終了タグが必要です以前の HTML では、<p> や &l...
MySQL の自動増分主キーに関する詳細な説明
目次特徴保存戦略自己増加の決定自動増分値の変更実行プロセス問題点自動増分ロックロック戦略バッチ挿入の...
Spring環境を構成するためのDocker-composeの手順
最近、メンバーがテストできるようにプロジェクトをパッケージ化する必要がありますが、パッケージ化された...
Linuxでmore、less、catコマンドを使用してファイルの内容を表示します
Linux では、cat、more、less の各コマンドを使用してファイルの内容を表示できます。c...
ボタンをクリックしてテキストを入力ボックスに変換し、保存をクリックしてテキスト実装コードに変換します。
ボタンをクリックしてテキストを入力ボックスに変換し、保存をクリックしてテキスト実装コードに変換します...
Linuxで相対パスを表現する方法
たとえば、現在のパスが /var/log で、/usr ディレクトリに移動する場合は、次のコマンドを...