HTML列表標簽dlulol 的使用示例

字號:


    代碼如下:
    <!--
    列表標簽:<dl>:分層列表
    子標簽:<dt>:上層列表項
    <dd>:下層列表項
    ------------
    無序列表標簽:<ul>
    子標簽:<li>
    ------------
    無序列表標簽:<ol>
    子標簽:<li>
    --!>
    <html>
    <head>
    <title> 列表標簽的練習(xí)</title>
    </head>
    <body>
    <dl>
    <dt>標號</dt>
    <dd>1</dd>
    <dd>2</dd>
    <dd>3</dd>
    </dl>
    <hr>
    <ul type="disc">
    <li>蘋果</li>
    <li>香蕉</li>
    <li>橘子</li>
    </ul>
    <hr>
    <ol type="1">
    <li>蘋果</li>
    <li>香蕉</li>
    <li>橘子</li>
    </ol>
    <hr><!--練習(xí)標簽的嵌套-->
    <dl>
    <dt>四大天王</dt>
    <dd>
    <ol type="1">
    <li>張學(xué)友</li>
    <li>劉德華</li>
    <li>郭富城</li>
    <li>黎明</li>
    </ol>
    </dd>
    </dl>
    </body>
    </html>