HTML タグ dl dt dd 使用方法

HTML タグ dl dt dd 使用方法
基本構造:

コードをコピー
コードは次のとおりです。

<ダウンロード>
<dt></dt>
<dd></dd>
</dl>

dl : 定義リスト
dt: タイトルを定義する
dd: 定義の説明
dt は情報のタイトルを配置するために使用され、dd は情報の簡単な概要説明です。
つまり、dt はそれを記述する dd に対応します。
dd のコンテンツは、画像、テキスト、ビデオ、オーディオなど何でもかまいません。類似の dt と dd が複数あると、dl が形成されます。
次に例を示します。

コードをコピー
コードは次のとおりです。

<ダウンロード>
<dt>これがタイトルです</dt>
<dd>これが内容です</dd>
<dd>これが内容です</dd>
<dt>これがタイトルです</dt>
<dd>これが内容です</dd>
<dt>これがタイトルです</dt>
<dd>これが内容です</dd>
</dl>

dl dt dd は、たとえば、要約付きのニュースのリスト、サムネイルやその他の説明付きの製品のリストなどを表現するのに適しています。

<<:  CSSはスクロールを許可しながらスクロールバーを非表示にするためにオーバーフローを設定します

>>:  Apache SkyWalkingのセルフモニタリングを素早く有効にする方法を説明します

推薦する

CSS3で実装された天気アイコンのアニメーション効果

成果を達成する 実装コードhtml <div class="wrapper"...

CentOS8でのnmcliの使い方の詳しい説明

RHEL8/CentOS8 に基づく一般的な nmcli コマンド # IP を表示する (ifco...

重要なmysqlログファイルの概要

著者: 丁易出典: https://chengxuzhixin.com/blog/post/mysq...

Windows プラットフォーム構成 5.7 バージョン + MySQL データベース サービス

ルートユーザーのパスワードを初期化するプロセスと、よくある2つの問題の解決策が含まれています。 1....

nginxのシンプル転送リクエストのサーバーとロケーション設定の詳しい説明

nginx のサーバーと場所の構成を簡単に整理してみましょう。たとえば、URL: www.mask_...

レスポンシブレイアウトの概要(推奨)

レスポンシブレイアウト開発の基礎知識この章は主に以下の部分に分かれています• レスポンシブデザインを...

jQueryは検証コード送信のコントロールボタンを無効にする機能を実装します

必要な効果: 確認コードを送信するためにクリックした後、ボタンは無効になり、5 秒後に無効解除されま...

私が遭遇したIE8の互換性に関する注意事項

1. IE8 の getElementById は id のみをサポートし、name はサポートしま...

MySQL ツリー構造テーブルの設計と最適化に関する簡単な説明

序文多くの管理・オフィスシステムでは、ツリー構造がいたるところで見られます。たとえば、「部門」や「機...

MySQL グリーンバージョン設定コードと 1067 エラーの詳細

MySQL グリーンバージョン設定コードと 1067 エラーMySQL エンコーディングを表示 &#...

MySQL の隠し列の詳細表示

目次1. 主キーが存在する2. 主キーはないが、一意のインデックスが存在する3. 共同主キーまたは共...

nestjs からフロントエンドに返されるデータ形式のカプセル化実装

通常、開発プロセスでは、インターフェイス要求の成功または失敗は httpcode に基づいて決定され...

docker cp ファイルをコピーしてコンテナに入る

実行中のコンテナに入る # コンテナに入り、新しいターミナルを開きます# docker exec -...

JavaScript 関数型プログラミングの基礎

目次1. はじめに2. 関数型プログラミングとは何ですか? 3. 純粋関数(関数型プログラミングの基...