介绍：

在网页中列表是很常见的标签，主要分为有序标签、无序标签、列表嵌套、定义标签

有序标签：<ol><li></li><ol>

无序标签：<ul><li></li></ul>

列表嵌套： <ul><li><ul><li></li></ul></li></ul>、

　　　　   <ul><li><ol><li></li></ol></li></ul>、

　　    　 <ol><li><ul><li></li></ul></li></ol>、

　　　　   <ol><li><ol><li></li></ol></li></ol>、

定义标签： <dl><dt></dt><dd></dd></dl>

截图样式：

有序列表标签样式如下：

无序列表标签样式如下：

嵌套列表标签样式如下：

定义列表标签样式如下：

代码如下：

<!doctype html>

<html lang="zh-CN">

<head>

    <meta charset="utf-8">

    <meta name="descirption" conent="Boyahongru">

    <meta name="keywords" conent="kenjiao,education,student,teacher">

    <title>这是一个网页</title>

</head>

<body bgcolor="#FFEF7F">

    <h1><strong>HTML网页非常的热门</strong><h1>

    <h2>文章如何分段，有几个标准，几个准则：<h2>

        <ol>

            <li>以所写事件的过程分段，就是以事件的开始、发展、高潮、结局来分段。</li>

            <li>按时间顺序分段，先发生的在前，随后发生了什么，接着发生了什么，最后发生了什么，依次写下来。</li>

            <li>按所写事件的地点分段，将在甲地发生的事独立成段；再将在乙地发生的事分成一段；在丙地又发生的事，也分成一段。</li>

            <li>按人物的活动情况分段，将各种情况分成独立的段。</li>

            <li>按场面变化，场景的变化做为分段依据，尤其在写参观记游记时，随着所站位置变化，所见到景物在变化，所以要分段写。</li>

            <li>作者描写角度的变化也是分段依据。以这个角度写某件事、某个人、某个景要分成段，换另一个角度，还写同一个人、同一个景，当然也要另外分成段。</li>

            <li>在叙述中穿插了较长的抒情或议论，可以独立成段。</li>

        </ol>

    <hr>

    <h3>互联网<h3>

        <ul>

            <li>操作系统/...</li>

            <li>软件</li>

            <li>硬件</li>

            <li>笔记本电脑</li>

            <li>反病毒</li>

            <li>电脑装机</li>

            <li>程序设计</li>

            <li>百度</li>

        </ul>

    <hr>

    <h3>饮料</h3>

        <ul>

            <li>咖啡</li>

            <li>茶

                <ul>

                      <li>红茶</li>

                      <li>绿茶

                          <ul>

                            <li>中国茶</li>

                            <li>非洲茶</li>

                        </ul>

                    </li>

                </ul>

            </li>

            <li>牛奶</li>

        </ul>

</body>

</html>

演示网页截图如下：

HTML:几个常见的列表标签的更多相关文章

  1. 初学HTML 常见的标签(二) 列表标签

    上次介绍了一些简单的文本标签设计, 这篇介绍列表类标签, 通过列表能写出很好看的, 多元化的网络页面. ul-li 列表标签 <ul> <li>列表1</li> & ...

  2. html:常见行内标签，常见块级标签,常见自闭合标签

    本文内容: 常见行内标签 常见块级标签 常见自闭合标签 首发日期:2018-02-12 修改: 2018-04-25:删除了不常用的标签 常见行内标签: 什么是行内标签: 行内标签就是在页面内只占据刚 ...

  3. python 全栈开发，Day46(列表标签,表格标签,表单标签,css的引入方式,css选择器)

    一.列表标签 列表标签分为三种. 1.无序列表<ul>,无序列表中的每一项是<li> 英文单词解释如下: ul:unordered list,“无序列表”的意思. li:lis ...

  4. Day46（列表标签，表格标签，表单标签，css的引入方式，css选择器）

    一.列表标签 列表标签分为三种. 1.无序列表<ul>,无序列表中的每一项是<li> 英文单词解释如下: ul:unordered list,“无序列表”的意思. li:lis ...

  5. HTML的表格标签，列表标签，表单标签，HTML5有哪些新特性

    欢迎大家去博客冰山一树Sankey,浏览效果更好.直接右上角搜索该标题即可 博客园主页:博客园主页-冰山一树Sankey CSDN主页:CSDN主页-冰山一树Sankey 前端学习:学习地址:黑马程序 ...

  6. HTML的列表标签

    一.上下层列表标签:<dl>..</dl>: 上层dt 下层dd:封装的内容会被自动缩进的效果 <dl> <dt>运动户外</dt> < ...

  7. dede列表标签list:应用大全 {dede:list}

    http://syizq.blog.163.com/blog/static/435700372011616115826329/ 标签名称: list 功能说明: 表示列表模板里的分页内容列表 适用范围 ...

  8. HTML学习笔记6：列表标签

    列表标签     什么是列表标签呢? 以平台区分有什么游戏? 手游 pc游戏 家用机游戏 掌机游戏 以游戏类型区分有什么游戏? RPG ARPG MMORPG ACT FPS 以上两种就是一种列表标签 ...

  9. H5的段落标签、图片标签、列表标签与链接标签

    段落标签 (1)<p>段落标签</p> (2)<nobr>强制不换行标签,会出现滚动条</nobr> (3)<pre>保留原始排版标签< ...

随机推荐

  1. android开发笔记，杂

    Mapping文件地址: mapping文件用于在代码被混淆后,还原BUG信息. release模式编译项目即可产生,相对位置:工程\build\outputs\mapping\release 需要c ...

  2. 06易普优APS行业方案：包装印刷行业高级计划排程

    易普优APS行业方案:包装印刷行业高级计划排程 一.包装印刷行业发展概况 网络购物催生包装印刷行业迅猛发展,目前已具有万亿市场规模,全国包装印刷企业总数达30万家,其中规模以上企业只有2万多家,已然成 ...

  3. 【C#】编码史记

    计算机中的字是如何处理的? 如果你用放大镜看一下,可以看出屏幕上的字是由一个一个的像素点组成的,每一个字符用一组像素点拼接出来,这些像素点组成一幅图像,变成了我们的文字,计算机又是如何将我们的文字保存 ...

  4. 【ASP.NET MVC】Scripts目录

    很多时候我们经常在用的东西我们可能不一定真正的了解,因为我们可能已经会用了,便不再对其进行探索,下面我们看一下在ASP.NET MVC3项目下的Scripts目录下的文件: Jquery核心库我们就不 ...

  5. python中if和elif的区别

    多个if语句是每次单独判断 比如: 例子一: a = 5 if a < 6: #条件1 print(1) if a < 7: #条件2 print(2) else: print(3) 条件 ...

  6. wpf企业级开发中的几种常见业务场景

    前阵子在公司弄个内部的进销存管理系统,从了解需求.系统设计到编码,大约耗费了两个月时间,后来公司有了其他的安排,这东西就算黄了.顺便吐槽一下,厂里的一些人说话真心不顾别人感受,邮件啥的没一句舒服的.不 ...

  7. Codeforces 1129 E.Legendary Tree

    Codeforces 1129 E.Legendary Tree 解题思路: 这题好厉害,我来复读一下官方题解,顺便补充几句. 首先,可以通过询问 \(n-1​\) 次 \((S=\{1\},T=\{ ...

  8. [BZOJ3924][ZJOI2015]幻想乡战略游戏(动态点分治)

    题目描述 傲娇少女幽香正在玩一个非常有趣的战略类游戏,本来这个游戏的地图其实还不算太大,幽香还能管得过来,但是不知道为什么现在的网游厂商把游戏的地图越做越大,以至于幽香一眼根本看不过来,更别说和别人打 ...

  9. [BZOJ 2821] 作诗

    Link: BZOJ 2821 传送门 Solution: 一道类似区间众数的经典分块 由于个数为偶数这样的条件不能支持快速合并 因此要先$O(n*sqrt(n))$预处理出$pre[i][j]$表示 ...

  10. HDU 5909 Tree Cutting（FWT+树形DP）

    [题目链接] http://acm.hdu.edu.cn/showproblem.php?pid=5909 [题目大意] 给出一棵树,其每棵连通子树的价值为其点权的xor和, 问有多少连通子树的价值为 ...