码迷,mamicode.com
首页 > Web开发 > 详细

html常用标签详解4-列表标签

时间:2019-02-22 21:26:50      阅读:193      评论:0      收藏:0      [点我收藏+]

标签:html   nbsp   开始   属性   序列   标签   square   bsp   意思   

列表标签

列表标签分为3大类:无序列表、有序列表、自定义列表。线面我会依依简单介绍

一、无序列表

  有个type属性:

    默认:disc:实心小圆点;circle:空心小圆点;square:实心小方块;none:没有

    

<ul type="circle">
        <li type="disc">香蕉</li>
        <li type="square">苹果</li>
        <li type="none">鸭梨</li>
        <li>西瓜</li>
    </ul>

二、有序列表

  reversed="reversed":逆序

  start="4" :从什么开始编号

  type="1AaIi":编号的样式

  

 <ol reversed="reversed">
        <li>哈密瓜</li>
        <li>黄瓜</li>
        <li>甜瓜</li>
        <li>南瓜</li>
    </ol>
    <ol start="4">
            <li>哈密瓜</li>
            <li>黄瓜</li>
            <li>甜瓜</li>
            <li>南瓜</li>
    </ol>
    <ol type="A">
            <li type="a">哈密瓜</li>
            <li type="i">黄瓜</li>
            <li type="I">甜瓜</li>
            <li type="1">南瓜</li>
    </ol>

三、自定义列表

  自定义列表常用于对术语或名词进行解释和描述,定义列表的列表项前没有任何项目符号。

  

 <dl>
        <dt>dhr</dt>
        <dd>大好人的意思</dd>
        <dt>好吃的</dt>
        <dd>苹果、西瓜、香蕉等食物的总称</dd>
    </dl>

 

 

 

html常用标签详解4-列表标签

标签:html   nbsp   开始   属性   序列   标签   square   bsp   意思   

原文地址:https://www.cnblogs.com/dhrwawa/p/10420503.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!