まず、dlタグの中にdtとddが置かれており、dlの下にdtとddのタグは同レベルにあります。つまり、dt を dd に配置することはできず、dd を dt に配置することもできません。 dl では、dt と dd は同じレベルのラベルになります。 DD タグは複数存在する場合があります。同時に、dl を追加せずに dt タグまたは dd タグを単独で使用することはできません。
タイトルとタイトル対応リストエフェクトのデモ
コードは以下の通りです
<html> <body> <h1>一个定义列表:</h1> <dl> <dt>css网站</dt> <dd>网址为www.divcss5.com</dd> <dt>div css网站</dt> <dd>网址为www.divcss5.com</dd> <dt>div+css网站</dt> <dd>网址为www.divcss5.com</dd> </dl> </body> </html>
拡張と改良
dl dt ddは結合タグです
タグの標準的な使い方、コードは以下の通りです
<dl> <dt>标题1</dt> <dd>列表1</dd> <dd>列表2</dd> </dl>
同時にtime、
dd は、DIV+CSS を使用して Web ページを構築できるもので、ツリーのツリー スキルに相当します。私は dd、dt、および dd の全体的な使用法を見てみましょう。
< /dt< を組み合わせて使用する方法はわかります。 dl> の間。以下の例を見ると理解できるでしょう:
dl ——define
list
——定義リスト
dt ——define list title——定義リスト内の各リスト項目のタイトルを生成するために使用されます。繰り返し使用されます。リスト項目のタイトルを複数定義できます。 dd - 定義リストの定義 - 定義リスト内の各リスト項目の説明テキスト フィールドを生成するために使用され、繰り返し使用することで複数の説明テキスト フィールドを定義できます。 dd は、dt に対応する短い説明または解決策です
例:
<dl> <dt>Today <dd>Today is yesterday. <dt>Tomorrow <dd>Tomorrow is today. </dl>
以上がhtmlの