介绍：

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

有序标签：<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. css3 box-sizing属性值详解

    box-sizing属性可以为三个值之一:content-box(default),border-box,padding-box. content-box,border和padding不计算入widt ...

  2. 5 Linux网络编程基础API

    5.1   socket地址API 大端字节序(网络序):高位在低址,低位在高址 小端字节序(主机序):低位在低址,高位在高址 判断,利用联合的特性: #include <iostream> ...

  3. JavaScript 七种数据类型

    在 JavaScript 规范中,共定义了七种数据类型,分为 “基本类型” 和 “引用类型” 两大类,如下所示: 基本类型:String.Number.Boolean.Symbol.Undefined ...

  4. Deepin 2015 安装惠普打印机驱动

    参考:https://bbs.deepin.org/forum.php?mod=viewthread&tid=34749&extra= 1.安装新立得包管理器:sudo apt-get ...

  5. .Net使用Redis详解之ServiceStack.Redis

    序言 本篇从.Net如何接入Reis开始,直至.Net对Redis的各种操作,为了方便学习与做为文档的查看,我做一遍注释展现,其中会对list的阻塞功能和事务的运用做二个案例,进行记录学习. Redi ...

  6. String 不变性以及 Java 值传递和引用传递

    String 不变性以及 Java 值传递和引用传递 public class Example { String str = new String("good"); char[] ...

  7. CodeForces 811C Vladik and Memorable Trip

    $dp$. 记录$dp[i]$表示以位置$i$为结尾的最大值. 枚举最后一段是哪一段,假设为$[j,i]$,那么可以用$max(dp[1]...dp[j-1]) + val[j][i]$去更新$dp[ ...

  8. Django 和 html

    下面是对应的形式,自定义的forms

  9. Linux下c++常用调试

    进程调试 自己写的代码,直接gdb r/bt就可以了. 正在运行的进程,先ps ax找到进程id.然后gdb进入之后attach 进程id.stop/continue暂停和继续进程. core了,有c ...

  10. Java（静态）变量和（静态）代码块的执行顺序

    本文讨论Java中(静态)变量.(静态)代码块的执行顺序 首先创建3个类: 1.Foo类,用于打印变量 public class Foo { public Foo(String word) { Sys ...