zoukankan      html  css  js  c++  java
  • dl dt dd

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>无标题文档</title>
    </head>

    <body>

    <h2>推荐商品列表</h2>
    <dl>
    <dt><img src="images/goods_1.jpg"/></dt>
    <dd>
    <a href="#">黄飞鸿麻辣花生200g</a></dd>
    <dt><img src="images/goods_2.jpg"/></dt>
    <dd><a href="#">精致原稻大米5kg</a></dd>
    <dt><img src="images/goods_3.jpg"/></dt>
    <dd><a href="#">澳洲原装进口红酒750ml</a></dd>
    </dl>

    </body>
    </html>

    1. 无序列表

      无序列表是一个项目的列表,此列项目使用粗体圆点(典型的小黑圆圈)进行标记。

      无序列表始于 <ul> 标签。每个列表项始于 <li>。

      HTML 列表中的dl,dt,dd,ul,li,ol区别及应用
    2.  

      有序列表

      同样,有序列表也是一列项目,列表项目使用数字进行标记。

      有序列表始于 <ol> 标签。每个列表项始于 <li> 标签。

      HTML 列表中的dl,dt,dd,ul,li,ol区别及应用
    3.  

      定义列表

      自定义列表不仅仅是一列项目,而是项目及其注释的组合。

      自定义列表以 <dl> 标签开始。每个自定义列表项以 <dt> 开始。每个自定义列表项的定义以 <dd> 开始。

      HTML 列表中的dl,dt,dd,ul,li,ol区别及应用
  • 相关阅读:
    网站上线的过程
    PHP的四种基本算法
    YII框架第三方微博登录
    《正三角》《倒三角》
    PHP实现四种基本排序
    php实现快速排序
    iwebshop 简介
    收集的伪静态中经常使用的一些参数
    我与AI的相识
    phpstudy下的nginx服务器显示目录
  • 原文地址:https://www.cnblogs.com/tian114527375/p/4932849.html
Copyright © 2011-2022 走看看