列表

常用的列表分为无序列表、有序列表、和定义列表三种。另外还有不太常用的目录列表和菜单列表。

无序列表(ul)有序列表(ol)定义列表(dl)目录列表(dir)菜单列表(menu)

 

无序列表

无序列表是一个没有特定顺序的相关条目的集合。

<ul type=" ">

     <li>项目名称<li>

     <li>项目名称<li>

            ……

</ul>

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>无序列表</title>
</head>
<body>
	<b>班级新闻</b>
	<ul type="disc">
		<li>最新课程表</li>
		<li>关于普通话考试的通知</li>
		<li>钢琴名曲音乐欣赏——献给爱丽丝</li>
		<li>中国奥运屈辱史</li>
		<li>div+css</li>
	</ul>

</body>
</html>

注:disc :实心圆点     circle:空心圆点   square:实心方块

 

 

有序列表

有序列表是一个有特定顺序的相关条目的集合。在有序列表中,各个列表项有先后顺序之分,他们之间用编号来标记。

<ol type=" ">

        <li>项目名称<li>

        <li>项目名称<li>

        ……

</ol>

<ol type="1">
		<li>苹果</li>
		<li>香蕉</li>
		<li>柠檬</li>
		<li>桔子</li>
	</ol>
	<ol type="A">
		<li>苹果</li>
		<li>香蕉</li>
		<li>柠檬</li>
		<li>桔子</li>
	</ol>
	<ol type="a">
		<li>苹果</li>
		<li>香蕉</li>
		<li>柠檬</li>
		<li>桔子</li>
	</ol>

 

嵌套列表

嵌套列表,就是在一个列表中还可以包含多层子列表,与c语言的多重循环相似。

<b>一个嵌套列表</b>
<ul type="disc">
	<li>咖啡</li>
	<li>茶</li>
	<ul type="circle">
		<li>红茶</li>
		<li>绿茶</li>
		<ul type="square">
			<li>中国茶</li>
			<li>非洲茶</li>
		</ul>
	</ul>
	<li>牛奶</li>
</ul>
</ul>

小白入门学前端   如有错误  欢迎指导

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值