ホームページ >ウェブフロントエンド >htmlチュートリアル >HTML dl、dt、dd (まだ使用したことのないタグかもしれませんが、非常に便利です)_html/css_WEB-ITnose
HTML dl、dt、dd (まだ使用したことのないタグかもしれませんが、非常に便利です)_html/css_WEB-ITnose
- WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBオリジナル
- 2016-06-24 11:37:572040ブラウズ
1. dl dt dd を理解する
html- を使用する場合、このタグの組み合わせも dl で囲む必要があります。 table タグと呼ばれ、table テーブルのタグの組み合わせに似ているため、dl テーブル (拡張読み: テーブル tr td、テーブル tr 番目のテーブル レイアウト) とも呼ばれます。
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 は組み合わせタイプのラベルです ラベルの標準的な使用方法を配置することで使用できます。
3. html dl dt dd アプリケーションのケース- タグ。
1. HTML コード スニペット:- divcss5 へようこそ
- HTML チュートリアルはこちら< ;/dd> ;
- ここに CSS モジュールがあります
- ここが CSS チュートリアルです
2. dl dt dd ケースのスクリーンショット
上記はHTML dl dt dd list タグのサンプル画像4.
DL DT DD タグの概要
私たちの実践では、dl dt dd タグを使用する最も一般的な場所は通常タイトルであり、いくつかの単純なリストがあります。タイトルの下（列タイトル＋対応タイトル一覧）とタイトルは以下の内容と対応しています。これを使用すると、HTML コードを簡潔にできるようになると、dl dt dd を柔軟に使用することを学び、タグ構造の構文を理解して習得することができます。
今後、div+css を開発する際に、dl dt dd タグを適切に使用することの便利さを実感するでしょう。
著作権声明: この記事はブロガーによるオリジナルの記事であり、ブロガーの許可なく複製することはできません。
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。