HTML列表

来源:互联网 发布:日本ip代理地址和端口 编辑:程序博客网 时间:2024/06/03 15:49

列表和前面文章中讲的表格是有区别的,列表可以作为当前站点的一个内容分类的集中


无序列表:

无序列表是一个项目列表,这个列表使用粗体圆点标记,无序列表始于<ul>标签,每个列表项始于<li>标签

例:

      <ul>

       <li>item1</li>

        <li>item2</li>

       </ul>


有序列表:

有序列表项目用数字来标记

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

例:

      <ol>

       <li>item1</li>

        <li>item2</li>

       </ol>


定义列表:

定义列表不仅仅是一列项目,而是项目和注释的一个组合

以<dl>标签开始,每个列表项用<dt>标签开始,定义用<dd>标签开始,定义列表内部可用段落,换行符,图片,甚至其他列表

例:

     例子举一个我自己写的站点中的一部分

     <dl>
    <dd>关于维生素B1</dd>
    <dt>
        <a href="https://baike.baidu.com/item/%E7%BB%B4%E7%94%9F%E7%B4%A0b1/2628730?fr=aladdin">维生素B1的百度百科</a>
            </dt>
    <dt>1 维生素B1的作用</dt>
    <dt>2 什么食物富含维生素B1</dt>
   </dl>

     定义列表的使用,里面可以加入一个链接

原创粉丝点击