分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 教程案例

html组合标签

发布时间:2023-09-06 02:00责任编辑:苏小强关键词:暂无标签

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

    分为无序列表和有序列表

    <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

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved