ホームページ >ウェブフロントエンド >htmlチュートリアル >DD DT DL tag_html/css_WEB-ITnose
DD DT DL tag_html/css_WEB-ITnose
- WBOYオリジナル
- 2016-06-24 12:33:451469ブラウズ
通常は 7af642afb7cbf7886d194925c3e5eedb8e22c81817d224bf490a20f8d20d8ac9 タグを使用しますが、特にプログラムを公開する場合は、機能モジュールのリストをタイプセットするためにこれらのタグを使用することもできます。
f7d2853782b9e2d31369ffc8c9c0adcdc72c1af5e0e7f90179c047c5ef85885e> / dd> は、
- フラグのペアの間に配置する必要があります。以下の例を見ると理解できるでしょう:
dl ??define list??Definition list
dt ??define list title?? は、定義リスト内の各リスト項目のタイトルを生成するために使用されます。複数のリスト項目のタイトルを定義するために使用されます。
dd??define list define?? は、定義リスト内の各リスト項目の説明テキスト フィールドを生成するために使用されます。繰り返し使用することで、複数の説明テキスト フィールドを定義できます。 dd は dt に対応する短い説明または解決策です
例:
1 <dl>2 <dt>Today3 <dd>Today is yesterday.4 <dt>Tomorrow5 <dd>Tomorrow is today.6 </dl>
例 2:
1 <html> 2 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 3 <html xmlns="http://www.w3.org/1999/xhtml"> 4 <head> 5 <title>无标题文档</title> 6 <style type="text/css"> 7 <!-- 8 dt { 9 float: left;10 width: 60px;11 margin: 0px;12 padding: 0px;13 }14 dd {15 float: left;16 clear: none;17 width: 290px;18 margin: 0px;19 padding: 0px;20 }21 dl {22 width: 350px;23 font-size: 9pt;24 line-height: 1.5em;25 position:relative;26 margin: 0px;27 padding: 0px;28 left:15px;29 }30 .red {31 color: #FF3300;32 }33 #box {34 width: 500px;35 background-color: #F1F1F7;36 }37 #box #content {38 padding-top: 10px;39 padding-right: 10px;40 padding-bottom: 10px;41 padding-left: 20px;42 }43 -->44 </style>45 </head>46 <body>47 <div id="box">48 <div id="content">49 <img src=/Article/UploadFiles/200704/20070412091408274.gif align="left"/ >50 <dl>51 <dt>商品名称：</dt>52 <dd><strong>[好大的一只啊] </strong>忧惠：<span class="red"><em>8.5折</em></span></dd>53 <dt>商品简介：</dt>54 <dd>商品名称商品名称商品品名称商品名称商品名称商品名称商品名称商品名称商品名称商品名称商品品名称商品名称商品名称商品名称商品名称 商品名称商品名称商品名称商品品名称商品名称商品名称商品名称商品名称商品名称……[<span class="red";>详细介绍</span>]</dd>55 <dt>店铺地址：</dt>56 <dd>商品名称</dd>57 <dt>联系电话：</dt>58 <dd>0000-12345678 87654321 </dd>59 </dl>60 </div>61 </div>62 </body>63 </html>
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。