The dt element in HTML is a tag used within definition lists to indicate terms or item names.
HTMLの dt要素は、定義リスト(dl)内で使用され、用語や項目名を表します。これに続く dd要素で、その用語の説明や定義を記述します。つまり、dtと ddを組み合わせることで、項目とその詳細な情報をペアとしてリスト化できます。
なお、用語定義の用語に dt要素を使う場合がありますが、dt要素だけでは用語定義の用語を完全に表すわけではありません。用語定義を明確に示す場合は、dt要素の中で dfn要素を使う必要がありますのでご注意ください。
HTML
<dl>
<dt>HTML</dt>
<dd>ウェブページを作成するためのマークアップ言語。</dd>
<dt>CSS</dt>
<dd>ウェブページのスタイルを指定するための言語。</dd>
</dl>
このままだと、ちょっと見づらいので CSSを使って調整してみます。
CSS
dl {
margin: 0;
padding: 0;
}
dt {
font-weight: bold;
margin-top: 1em;
}
dd {
margin-left: 1em;
margin-bottom: 0.5em;
}