《三》列表

列表:将具有相似特征或者具有先后顺序的几行文字进行对齐排列。

类型:

有序列表:

有序列表 <ol></ol>:用于列出页面上有特定次序的一些项目。

  1. <ol></ol>:ordered list,有序列表标签。默认阿拉伯数字 1、2、3 开头。只能包含 <li></li> 标签。
    属性:
    • type:用来设置编号的类型。属性值有:1 表示数字编号,是默认值;a 表示小写英文字母编号;A 表示大写英文字母编号;i 表示小写罗马数字编号;I 表示大写罗马数字编号。
    • start:指定列表编号的起始值。属性值必须是一个整数。
    • reversed:指定列表中的条目是否倒序排列。没有属性值。
  2. <li></li>:list item,列表项标签。用于指示列表具体的内容。 <li></li> 标签内部可以放置任何内容。<li></li> 标签只能放到 <ol></ol> 或者 <ul></ul> 中,不能单独使用。
<ol reversed>
	<li>北京</li>
	<li>上海</li>
</ol>

请添加图片描述

无序列表:

无序列表:用于列出页面上没有特定次序的一些项目。

  1. <ul></ul>:unordered list,无序列表标签。默认小黑点开头。只能包含 <li></li> 标签。
    属性:

    • type:用来定义前导符号的样式(HTML5 中已被废弃,建议使用 CSS 替代)。属性值有:disc 表示实心圆,是默认值;circle 表示空心圆;square 表示实心方块。
  2. <li></li>:list item,列表项标签。用于指示列表具体的内容。 <li></li> 标签内部可以放置任何内容。<li></li> 标签只能放到 <ol></ol> 或者 <ul></ul> 中,不能单独使用。

<ul>
	<li>北京</li>
	<li>上海</li>
</ul>

请添加图片描述

定义列表:

定义列表:需要逐条给出定义描述的列表。

  1. <dl></dl>:definition list,定义列表标签。包含<dt></dt><dd></dd> 标签。
  2. <dt></dt>:data term,数据项标签。
  3. <dd></dd>:data definition,数据定义标签。<dd></dd> 是用来解释说明 <dt></dt> 的。开头默认有缩进。
<dl>
	<dt>北京:</dt>
	<dd>我国政治、文化中心</dd>
	<dt>上海:</dt>
	<dd>我国经济中心</dd>
</dl> 

请添加图片描述

列表嵌套:

将列表元素嵌套使用,可以创建多层列表。常用于创建文档大纲,导航菜单等。

<ul>
   <li>
   	<h2>北京市</h2>
   	<ul>
   		<li>朝阳区</li>
   		<li>海淀区</li>
   	</ul>
   </li>
   <li>
   	<h2>上海市</h2>
   	<ul>
   		<li>静安区</li>
   		<li>浦东新区</li>
   	</ul>
   </li>
</ul
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值