html タグ dl dt dd 使用説明書
2022-01-29 22:26:41
基本的な構造です。
<dl>
<dt></dt>
<dd></dd>
</dl>
dl: 定義リスト
dt: タイトルを定義する
dd: 説明文を定義する
dtはメッセージのタイトルが置かれる場所、ddはこのメッセージの簡単な要約説明です。
つまり、dtにはそれを記述するためのddがある
ddの中のコンテンツは、画像、テキスト、さらにはビデオやオーディオなど、何でもありです
複数の似たようなdtやddはdlを形成する
例としては、以下のようなものがあります。
<dl>
<dt> Here is the title</dt>
<dd> here is the content</dd>
<dd>Here's the content</dd>
<dt> Here is the title</dt>
<dd> here is the content</dd>
<dt> Here is the title</dt>
<dd> here is the content</dd>
</dl>
そして、dl dt ddは、ニュース一覧の要約や商品一覧のサムネイル、その他の説明文などを表示するのに適している......。
コピーコード
コードは以下の通りです。
<dl>
<dt></dt>
<dd></dd>
</dl>
dl: 定義リスト
dt: タイトルを定義する
dd: 説明文を定義する
dtはメッセージのタイトルが置かれる場所、ddはこのメッセージの簡単な要約説明です。
つまり、dtにはそれを記述するためのddがある
ddの中のコンテンツは、画像、テキスト、さらにはビデオやオーディオなど、何でもありです
複数の似たようなdtやddはdlを形成する
例としては、以下のようなものがあります。
コピーコード
コードは以下の通りです。
<dl>
<dt> Here is the title</dt>
<dd> here is the content</dd>
<dd>Here's the content</dd>
<dt> Here is the title</dt>
<dd> here is the content</dd>
<dt> Here is the title</dt>
<dd> here is the content</dd>
</dl>
そして、dl dt ddは、ニュース一覧の要約や商品一覧のサムネイル、その他の説明文などを表示するのに適している......。
関連
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン