首页 > Web开发 > 详细

html组合标签

时间:2018-06-19 13:16:20      阅读:200      评论:0      收藏:0      [点我收藏+]

组合标签实际上都叫列表标签

    分为无序列表和有序列表

技术分享图片

技术分享图片

    <ol type="    ">  //有序

      <li>内容</li>

    </ol>

    <ul type = "  ">//无序

      <li>内容</li>

    </ul>

    <ol  style="list-style: none;"></ol> //在标签<ol>内加这个属性,显示效果为去除序号

  可以多层嵌套

  可以自定义一个列表

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

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

 

技术分享图片
<ol>
    <li>中国</li>        
    <li>俄罗斯
        <ol type="a">
            <li>莫斯科</li>
                <ol>
                    <li>123</li>
                </ol>
        </ol>
    </li>
        
    <li>美国
        
    </li>
</ol>
多层嵌套

把要添加的内容或者标题写到<li></li>内

运行效果.

技术分享图片

技术分享图片
 1 <ol style="list-style: none;">
 2     <li>中国</li>        
 3     <li>俄罗斯
 4         <ol type="a" style="list-style: none;">
 5             <li>莫斯科
 6                 <ol style="list-style: none;">
 7                     <li>123</li>
 8                 </ol>
 9             </li>
10         </ol>
11     </li>
12         
13     <li>美国
14         
15     </li>
16 </ol>
去除标签序号

显示效果

  技术分享图片

技术分享图片
 1 <dl>
 2 <dt>Coffee</dt>
 3 <dd>- black hot drink</dd>
 4 <dd>-123
 5     <dl>
 6         <dd>-456</dd>
 7     </dl>
 8 </dd>
 9 <dt>Milk</dt>
10 <dd>- white cold drink</dd>
11 </dl>
自定义列表

显示效果

技术分享图片

 

html组合标签

原文:https://www.cnblogs.com/sunmoonyou/p/9197903.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!