HTML:几个常见的列表标签

介绍:

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

有序标签:<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>

演示网页截图如下:

时间: 2024-10-11 09:11:47

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

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

上次介绍了一些简单的文本标签设计, 这篇介绍列表类标签, 通过列表能写出很好看的, 多元化的网络页面. ul-li 列表标签 <ul> <li>列表1</li> <li>列表2</li> </ul> ul-li在网页中显示的默认样式一般为:每项li前都带一个圆点, 所以ul-li是没有序号的信息列表, 不存在前面的1, 2, 3等等的序号为其排序. ol-li 列表标签 <ol> <li>有序列表1</l

linux常见命令列表

转自 http://www.pixelbeat.org/cmdline_zh_CN.html 这是一个linux常见命令的列表.那些有? 标记的条目,你可以直接拷贝到终端上而不需要任何修改,因此你最好开一个终端边读边剪切&拷贝. 所有的命令已在Fedora和Ubuntu下做了测试 命令 描述 ? apropos whatis 显示和word相关的命令. 参见线程安全 ? man -t man | ps2pdf - > man.pdf 生成一个PDF格式的帮助文件   which comman

07.24 HTML 实体标签 列表标签 本文标签 超链接 锚点

实体标签 &nbsp 空格 &lt < &gt  > &quot 引号 列表标签 文本标签 em 强调 表现为斜体 strong 强调 表现为加粗 q 引用 sup 上标 sub 下标 超链接  URL 统一资源定位符   万维网的每一个文件都有一个URL 标签 download 下载 H5 新增 路径 相对路径 ./../ 绝对路径& 锚点 <a name ="锚点的名字"></a> 图像 img标签 属性

2-HTML常见的一些标签

HTML常见的一些标签 HTML介绍 HTML:超文本标记语言其实它就是文本,游览器负责将它解析成具体的网页内容 HTML组成 跟XML类似,HTML由N个标签(节点.元素.标记)组成 上图:<>中的内容都属于标签,其中div标签最多 上图:通过webstorm来开发.我们创建了一个html文件,默认会生成图中的部分内容,我们先将其删掉. 在webstorm中html中的注释通过 ctrl+/ 或 ctrl+shift+/ 来添加 <!--最外层标签--> <!--最外层标签

&lt;ul&gt;-&lt;li&gt;无序列表标签

概念:多个并列的列表项之间没有先后顺序 源码: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http

HTML的列表标签

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-

&lt;ol&gt;-&lt;li&gt;有序列表标签

概念:多个并列的列表项,它们之间有明显的先后顺序 源码: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta

html中有序列表标签ol,li的高级应用

本文主要介绍html中有序列表标签ol,li的高级应用, 在网页设计时我们设计有序列表内容时,经常会在每个ITEM前手工加上一个数值,或是由程序加上这个数值. 而如果使用有序列表标签ol和li,则不需要这么麻烦,根本不用自行去填写序数,当单层列表的时候这种特性似乎并不明显,而当使用多层的时候其特性就很明显了. 一般的标签ol和li有序列表应用代码如下: <ol> <li>列表内容一</li> <li>列表内容二</li> <li>列表

Java常见错误列表

Java常见错误列表: 找不到符号(symbol) 类X是public的,应该被声明在名为X.java的文件中 缺失类.接口或枚举类型 缺失X 缺失标识符 非法的表达式开头 类型不兼容 非法的方法声明;需要返回类型 数组越界(java.lang.ArrayIndexOutOfBoundsException) 字符越界(java.lang.StringIndexOutOfBoundsException) 类Y中的方法X参数不匹配 缺少return语句 精度损失 在解析时到达了文件结尾 执行不到的语