2021.4.16笔记 HTML有序无序列表

最新推荐文章于 2024-05-05 09:59:25 发布

是吃货不是贝爷

最新推荐文章于 2024-05-05 09:59:25 发布

阅读量103

点赞数

分类专栏： HTML 文章标签： html 前端 web

本文链接：https://blog.csdn.net/q4451728/article/details/115771082

版权

HTML 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

标签	描述
<ol>	有序列表
<ul>	无序列表
<li>	列表项
<dl>	列表
<dt>	列表项
<dd>	描述

1.无序列表
使用标签：<ul>、<li>
属性：disc、circle、square
2.有序列表
使用标签：<ol>、<li>
属性：A、a、I、i、start
3.嵌套列表
使用标签：<ul>、<ol>、<li>
4.自定义列表
使用标签：<dl>、<dt>、<dd>
示例

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
	</head>
	<body>
		<ul type="square">
			<li>苹果</li>
			<li>香蕉</li>
			<li>梨子</li>
		</ul>
		<ol type="1" start="10">
			<li>苹果</li>
			<li>香蕉</li>
			<li>梨子</li>
		</ol>
		<ul>
			<li>宠物</li>
				<ol>
					<li>猫</li>
					<li>猫</li>
					<li>猫</li>
				</ol>
		</ul>
		<dl>
			<dt>我是</dt>
				<dd>人</dd>
			<dt>你是</dt>
				<dd>神</dd>
			<dt>他是</dt>
				<dd>狗</dd>
		</dl>
	</body>
</html>