有序和无序

1122人阅读

一、无序列表

无序列表是网页中最常用的列表，各列表为并列关系，没有顺序区分

基本语法格式

<ul> <li>列表1</li> <li>列表2</li> </ul> ul中只能嵌套li标签，嵌套文字的方式是不允许的

• 1
• 2
• 3
• 4
• 5

无序列表常用的type属性值

type属性值	显示效果
disc(默认值)	实心圆
circle	空心圆
square	实心方块

为了实现结构与样式分离一般使用css实现

二、有序列表

有序列表即为有排列顺序的列表

基本语法格式

<ol> <li>列表1</li> <li>列表2</li> <li>列表3</li> </ol>

• 1
• 2
• 3
• 4
• 5

有序列表的相关属性

属性	属性值	描述
type	1（默认），a或A，i或I	项目符号显示为数字、字母或罗马字母排序
start	数字	规定项目符号的起始值
value	数字	桂香项目符号的数字

csshtmlcss3

发布于2022-02-02著作权归作者所有

相关推荐更多

如何使用 CSS 自定义无序列表样式

前端西瓜哥 1093 阅读  0 评论

有序列表的应用

tangshengyong1 80 阅读  0 评论

9、HTML：有序列表（ol），无序列表（ul），描述列表（dl、dt、dd）详解

低头专研 4579 阅读  0 评论

html有序列表能嵌套无序列表么,HTML学习笔记1.13—有序列表及列表嵌套

何奇艺 1742 阅读  0 评论

css中的无序列表和有序列表的差别,CSS中有序和无序排列详解

Rio超耿直 1039 阅读  0 评论

热门推荐 CSS列表（有序，无序，去掉无序列表的点，列表一行显示）

牛哄哄的柯南 1万+ 阅读  9 评论

HTML/CSS笔记2-有序无序列表/表格_PIUYIXIU的博客-CSDN...

<h3>有序无序列表</h3> <h4>无序列表</h4> 外层ul,内层li,type属性表示标识的类型,type属性也可以针对某个值进行制定修改<br> <ul type="squre"> <li>1</li> <li type="circle">2</li> <li>列表嵌套 <ul> <li>a...

html+css实战25-无序列表和有序列表_前端大歌谣的博客

列表在前端开发中特别常用 随处可见例如CSDN的布局: 下面介绍 HTML 中的三种列表 效果图:顾名思义就是没有顺序的一个列表 效果图: 有序列表和无序的区别就是前面多了序号效果图: HTML 无序列表和有序列表(超详细) wangfei933的博...

HTML+CSS学习笔记_不如coding的博客

target属性设置以新窗口打开还是以旧窗口打开。 ②列表: 列表分为:有序列表,无序列表,自定义列表 无序列表: <ul> <li>Coffee</li><!--无序列表--> <li>Milk</li> </ul> 1 2 3 4 显示如下: 有序列表: <!--有序...

HTML的无序列表、有序列表、自定义列表_土豆程序媛的博...

1.无序列表是一个项目的列表,此列项目使用粗体圆点(典型的小黑圆圈)进行标记。 无序列表始于 <ul 标签。每个列表项始于 <li。 无序列表的type属性有三个值: disc:表示实心小圆点 circle:表示空心小圆点 ...

HTML|有序列表、无序列表和自定义列表的使用_胖者是谁...

一、有序列表 有序列表是使用<ol>标签进行定义的,列表序号用数字进行标记,使用<li>标签来定义列表的选项。 <ol> <li>Dog</li> <li>Cat</li> <li>Pig</li> </ol> <ol>:order list的缩写,表示有序列表。它为列表的每一...

HTML/CSS中有序<ol>、无序<ul>、定义列表用法详解_xiao...

<DT>无序列表</DT><DD>不以数字为开始,而是使用一个符号作为分项标记的列表。</DD> <DT>有序列表</DT><DD>使用数字编号,分项带有顺序性质的列表。</DD> <DT>定义列表</DT><DD>用于解释名词的列表,包含了两种层次,一是名词...

无序列表、有序列表、自定义列表

温D 345 阅读  0 评论

html5无序列表的属性值,5-HTML列表，< table>表格标签及其属性

Coly Li 538 阅读  0 评论

最新发布 css无序列表

dl111701 99 阅读  0 评论

有序列表、无序列表、定义列表

hello_xujj 4692 阅读  0 评论