html系列教程--ol ul li

<li> 标签:配合ol,ul实现有序,无序列表以及导航实现。
demo:
<ol>
   <li>Coffee</li>
   <li>Tea</li>
   <li>Milk</li>
</ol>

<ul>
   <li>Coffee</li>
   <li>Tea</li>
   <li>Milk</li>
</ul>

li属性:
1、type:
    A
    a
    I
    i
    1
    disc
    square
    circle
注:一般type属性是在css中定义在ul或者ol元素上面,li标签不做处理。
   
<ol> 标签:标签定义有序列表
ol属性:
1.reversed:规定列表顺序为降序
2.start:规定有序列表的起始值
3.type:
    1
    A
    a
    I
    i

<ul> 标签:定义无序列表
ul属性:
1.reversed:规定列表顺序为降序
2.start:规定有序列表的起始值
3.type:
    disc
    square
    circle

时间: 2024-10-12 23:40:41

html系列教程--ol ul li的相关文章

HTML 列表 &lt;ol&gt;&lt;ul&gt;&lt;li&gt;&lt;dl&gt;&lt;dt&gt;&lt;dd&gt;

<ol>标签-有序列表 定义和用法: <ol>标签定义有序列表. HTML 与 XHTML 之间的差异 在 HTML 4.01 中,ol 元素的 "compact"."start" 以及 "type" 属性是不被赞成使用的. 在 XHTML 1.0 Strict DTD 中,ol 元素的 "compact"."start" 以及 "type" 属性是不被支持的.

DIV+CSS布局重新学习之css控制ul li实现2级菜单

<!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-

li ol ul是什么的简写?

为了方便理解知识,我通常会对一些英语简写追根溯源,在火狐开发者社区里面找到了一些资料. li是 list item的简写不是list的简写 ol是ordered list的简写 ul是unordered list的简写 web标准规定li必须在ol里面或者ul里面.为什么?怎么理解呢? 明白了上面的简写就能理解这件事情了. ol 和ul相当于一个集合,那集合里面的元素也应该用一个元素表示吧,这个元素就是li li和ol.li和ol就是元素与集合的关系.

HTML 列表中的dl,dt,dd,ul,li,ol区别及应用

HTML 列表中的dl,dt,dd,ul,li,ol区别及应用 工具/原料 html,dw软件 方法/步骤 1 无序列表 无序列表是一个项目的列表,此列项目使用粗体圆点(典型的小黑圆圈)进行标记. 无序列表始于 <ul> 标签.每个列表项始于 <li>. 2 有序列表 同样,有序列表也是一列项目,列表项目使用数字进行标记. 有序列表始于 <ol> 标签.每个列表项始于 <li> 标签. 3 定义列表 自定义列表不仅仅是一列项目,而是项目及其注释的组合. 自定

Unreal Engine 4 系列教程 Part 1:入门

.katex { display: block; text-align: center; white-space: nowrap; } .katex-display > .katex > .katex-html { display: block; } .katex-display > .katex > .katex-html > .tag { position: absolute; right: 0px; } .katex { font: 1.21em/1.2 KaTeX_M

Angular2入门系列教程-服务

上一篇文章 Angular2入门系列教程-多个组件,主从关系 在编程中,我们通常会将数据提供单独分离出来,以免在编写程序的过程中反复复制粘贴数据请求的代码 Angular2中提供了依赖注入的概念,使得我们可以很优雅得做到这一点.这里简单描述下,依赖注入可以使我们在编写代码的时候不用使用new 去生成一个类,这样就达到了解耦的目的,更多关于依赖注入的知识我觉得不应该在这里讲解 和其他方式类似,Angular2使用的是装饰器@Injectable()来描述以一个类是否可注入,我们本篇文章的目的,就是

SignalR系列教程:SignalR快速入门

---恢复内容开始--- 本篇是SignalR系列教程的第一篇,本篇内容介绍了如何创建SignalR应用,如何利用SignalR搭建简易的聊天室等,本篇内容参考自:http://www.asp.net/signalr/overview/older-versions/tutorial-getting-started-with-signalr,文中会有我对实例代码的一些理解. 首先我们创建ASP.NET空程序,并使用“程序包管理控制台”执行“Install-PackAge Microsoft.Asp

css基础系列教程:CSS基础语法1

css基础系列教程:CSS基础语法1 作者:www.divcss8.com 我们学习CSS要明白一个重要的问题,CSS主要是解决与实现表现(CSS)与结构(HTML)的分离.我们编写完HTML之后,如何通过CSS对HTML实现控制呢. 1.  行内样式 2.  内嵌样式 3.  链接样式 4.  导入样式 我们这一节课的示例就先从行内样式开始 行内样式:就是直接在HTML上写样式,就是HTML上加属性style=""这种形式.如 <p style="color:#f00

angular2系列教程(十)两种启动方法、两个路由服务、引用类型和单例模式的妙用

今天我们要讲的是ng2的路由系统. 例子 例子是官网的例子,包含一个“危机中心”和“英雄列表”,都在一个app中,通过路由来控制切换视图.还包含了promise的用法,服务的用法等多个知识点. 源代码: https://github.com/lewis617/angular2-tutorial/tree/gh-pages/router 运行方法: 在根目录下运行: http-server 引入库文件设置base href 路由并不在ng2中,需要我们额外引入,另外我们需要设置base href,