有序和无序

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

有序列表的相关属性

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

csshtmlcss3

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

相关推荐更多arrowRight.png

如何使用 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 评论

resize,m_fixed,h_150

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 评论

watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3hqajE5OTk5Mjcy,size_16,color_FFFFFF,t_70

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值