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のセルフモニタリングを素早く有効にする方法を説明します

推薦する

MySQL 5.x 以降を使用している場合のエラー #1929 列 ''createtime'' の日付時刻値が正しくありません: '''' の簡単な解決方法

MySQL をインストールした後、テーブル データを保存および削除しようとすると、常にエラー メッセ...

CentOS 8.0.1905 は ZABBIX 4.4 バージョンをインストールします (検証済み)

Zabbix サーバー環境プラットフォームバージョン: ZABBIX バージョン 4.4システム:...

アコーディオン効果を実現するJavaScript

この記事では、アコーディオン効果を実現するためのJavaScriptの具体的なコードを参考までに紹介...

CSSブレンドモードとSVGを使用して、製品画像の色を動的に変更します。

数日前、Codepen で @Kyle Wetton が書いた、CSS ブレンディング モードと S...

HTMLを使用して、IPを制限する投票ウェブサイトの不正行為スキームを実装する

これは、IP アドレスが制限されている投票 Web サイトの不正行為の手口です。この方法は、投票 W...

MySql COALESCE 関数の使用コード例

COALESCE は、各パラメータ式 (expression_1、expression_2、...、...

ElementUIはel-formフォームリセット機能ボタンを実装します

目次ビジネスシナリオ:効果のデモンストレーション:ビジネスシナリオ: el-form を使用する場合...

Intellij IDEA による Docker イメージの展開方法の手順の迅速な実装

目次1. Dockerはリモートアクセスを可能にする2. Intellij IDEAにDockerプ...

個人ブログシステムを構築するためのDockerの超シンプルな実装

Dockerをインストールするyumパッケージを最新バージョンに更新します: sudo yum up...

MySQLテーブルの自動インクリメント列の初期値をリセットする方法

MySQLテーブルの自動インクリメント列の初期値をリセットする方法1. 問題の説明MySQL データ...

DockerコンテナでのMySQLデータのインポート/エクスポートの詳細な説明

序文MySQL データのインポートとエクスポートは mysqldump コマンドで解決できることは誰...

クリーンなXHTML構文

XHTML を書くには、明確な HTML 構文が必要です。 XHTMLを書くには、きれいなHTML構...

HTML のセルパディングとセルスペース属性を図で説明します

セル - 表の内容 セルの余白 (表の余白) (cellpadding) - セルの外側の距離を表し...

Node+Express テストサーバーのパフォーマンス

目次1 テスト環境1.1 サーバーハードウェア1.1.1 t2.マイクロ1.1.2 c5.large...

MySQL で 1000 万件のレコードをすばやくクエリする方法

目次通常のページングクエリ最適化する方法大きなオフセット使用ID制限大量データ問題の最適化通常のペー...