HTML dl、dt、dd (まだ使用したことのないタグかもしれませんが、非常に便利です)_html/css

HTML dl、dt、dd (まだ使用したことのないタグかもしれませんが、非常に便利です)_html/css_WEB-ITnose

WBOY

リリース： 2016-06-24 11:37:57

オリジナル

2014 人が閲覧しました

1. dl dt dd を理解する

html

を使用する場合、このタグの組み合わせも dl で囲む必要があります。 table タグと呼ばれ、table テーブルのタグの組み合わせに似ているため、dl テーブル (拡張読み: テーブル tr td、テーブル tr 番目のテーブルレイアウト) とも呼ばれます。

は一般的なタイトル + リストタグです。 dl dt dd タグの初期 CSS スタイルがない場合、dd リストのコンテンツはデフォルトでインデントされます。 (拡張読み: ul li、ol li、li list)

2. dl dt dd list タグの構文

リストのタイトル: リストの内容< ;/ dd>; 内容のリスト

文法説明: まず、dt と dd を dl タグに配置し、タグ dt と dd DL では同じレベルです。つまり、dt を dd に入れることはできず、dd を dt に入れることもできません。 dl では、dt と dd は同じレベルのラベルになります。 DD タグは複数存在する場合があります。同時に、dl を追加せずに dt タグまたは dd タグを単独で使用することはできません。题标タイトルとタイトル対応リスト効果デモ

コードは次のとおりです:

          <ol>              <li><html> </li>              <li><body> </li>              <li><h1>一个定义列表：</h1> </li>              <li><dl> </li>              <li> <dt>css网站</dt> </li>              <li> <dd>网址为www.divcss5.com</dd> </li>              <li> <dt>div css网站</dt> </li>              <li> <dd>网址为www.divcss5.com</dd> </li>              <li> <dt>div+css网站</dt> </li>              <li> <dd>网址为www.divcss5.com</dd> </li>              <li></dl> </li>              <li></body> </li>              <li></html> </li>          </ol>

ログイン後にコピー

デモスクリーンショット

拡張と改善

DL DT DD は組み合わせタイプのラベルです ラベルの標準的な使用方法を配置することで使用できます。

タグ。