介绍：

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

有序标签：<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. SaltStack的配置管理--jinja （七）

    SaltStack的配置管理--jinja 需求场景:使用jinja模板,让各节点的httpd都监听在本机的ip [root@7mini-node1 apache]# vim files/httpd. ...

  2. SaltStack的salt-ssh使用及LAMP状态设计部署（五）

    一.salt-ssh的使用 官方文档:https://docs.saltstack.com/en/2016.11/topics/ssh/index.html (1)安装salt-ssh [root@l ...

  3. C++的一道变态题

    题目大概是这样的:有两个数组a[N],b[N],求构造 b[i]=a[0]*a[1]*a[2]*...a[N-1]/a[i], 要求: .不能使用除法. .空间复杂度O(1),时间复杂度O(n). . ...

  4. 牛客网 牛客练习赛43 F.Tachibana Kanade Loves Game-容斥(二进制枚举)+读入挂

    链接:https://ac.nowcoder.com/acm/contest/548/F来源:牛客网 Tachibana Kanade Loves Game 时间限制:C/C++ 1秒,其他语言2秒 ...

  5. 洛谷P4782 【模板】2-SAT问题 [2-SAT]

    题目传送门 [模板]2-SAT问题 题目背景 2-SAT 问题 模板 题目描述 有n个布尔变量 $x_1/~x_n$​ ,另有$m$个需要满足的条件,每个条件的形式都是“ $x_i$ 为$true/f ...

  6. 洛谷P1486 [NOI2004]郁闷的出纳员 [STL，平衡树]

    题目传送门 郁闷的出纳员 题目描述 OIER公司是一家大型专业化软件公司,有着数以万计的员工.作为一名出纳员,我的任务之一便是统计每位员工的工资.这本来是一份不错的工作,但是令人郁闷的是,我们的老板反 ...

  7. python 写一个贪吃蛇游戏

    #!usr/bin/python #-*- coding:utf-8 -*- import random import curses s = curses.initscr() curses.curs_ ...

  8. POJ 1655 BalanceAct 3107 Godfather (树的重心)(树形DP)

    参考网址:http://blog.csdn.net/acdreamers/article/details/16905653   树的重心的定义: 树的重心也叫树的质心.找到一个点,其所有的子树中最大的 ...

  9. [NC13A]反蝴蝶效应/[SPOJ-NPC2014D]General Joke

    [NC13A]反蝴蝶效应/[SPOJ-NPC2014D]General Joke 题目大意: 按顺序访问\(A_{1\sim n}(n\le10^5)\),经过\(A_i\)时身上必须有\(A_i\) ...

  10. Java乐观锁实现之CAS操作

    介绍CAS操作前,我们先简单看一下乐观锁 与 悲观锁这两个常见的锁概念. 悲观锁: 从Java多线程角度,存在着“可见性.原子性.有序性”三个问题,悲观锁就是假设在实际情况中存在着多线程对同一共享的竞 ...