介绍：

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

有序标签：<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. Python写网络爬虫爬取腾讯新闻内容

    最近学了一段时间的Python,想写个爬虫,去网上找了找,然后参考了一下自己写了一个爬取给定页面的爬虫. Python的第三方库特别强大,提供了两个比较强大的库,一个requests, 另外一个Bea ...

  2. awk练习总结

    >>> >>>awk是个优秀文本处理工具,可以说是一门程序设计语言.下面是awk内置变量. 一.内置变量表 属性 说明 $0 当前记录(作为单个变量) $1~$n ...

  3. 基于Redis实现——分布式锁与实现

    实现 使用的是jedis来连接Redis. 实现思想 获取锁的时候,使用setnx加锁,并使用expire命令为锁添加一个超时时间,超过该时间则自动释放锁,锁的value值为一个随机生成的UUID,通 ...

  4. Bzoj2002/洛谷P3203 [HNOI2010]弹飞绵羊（分块）

    题面 Bzoj 洛谷 题解 大力分块,分块大小\(\sqrt n\),对于每一个元素记一下跳多少次能跳到下一个块,以及跳到下一个块的哪个位置,修改的时候时候只需要更新元素所在的那一块即可,然后询问也是 ...

  5. C和指针之学习笔记（5）

    第10章 使用结构和指针 单链表 typedef struct NODE { struct NODE *link; int value; } Node; 插入到一个有序单链表: #include< ...

  6. Codeforces 388 D. Fox and Perfect Sets

    $ >Codeforces \space 388 D.  Fox and Perfect Sets<$ 题目大意 : 定义一个完美的集合 \(S\) ,当且仅当 \(S\) 非负非空,且 ...

  7. 「NOI2017」游戏

    「NOI2017」游戏 题目描述 小 L 计划进行 \(n\) 场游戏,每场游戏使用一张地图,小 L 会选择一辆车在该地图上完成游戏. 小 L 的赛车有三辆,分别用大写字母 \(A\).\(B\).\ ...

  8. Stirling数,Bell数,Catalan数,Bernoulli数

    组合数学的实质还是DP,但是从通式角度处理的话有利于FFT等的实现. 首先推荐$Candy?$的球划分问题集合: http://www.cnblogs.com/candy99/p/6400735.ht ...

  9. liblinear参数及使用方法（原创）

    开发语言:JAVA 开发工具:eclipse (下载地址 http://www.eclipse.org/downloads/) liblinear版本:liblinear-1.94.jar (下载地址 ...

  10. 高斯消元法求解异或方程组： cojs.tk 539.//BZOJ 1770 牛棚的灯

    高斯消元求解异或方程组: 比较不错的一篇文章:http://blog.sina.com.cn/s/blog_51cea4040100g7hl.html cojs.tk  539. 牛棚的灯 ★★☆   ...