HTML+CSS 轻松入门之有序标签和无序标签,DIV标签

有序标签:

语法:

<ol>

    <li></li>

    <li></li>

    <li></li>

</ol>

请看实例:

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title></title>
</head>
<body>
		<ol>
			<li>中国</li>
			<li>美国</li>
			<li>日本</li>
		</ol>
</body>
</html>

无序标签:

语法:

<ul>

    <li></li>

    <li></li>

    <li></li>

</ul>

 实例:

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title></title>
</head>
<body>
		<ul>
			<li>中国</li>
			<li>美国</li>
			<li>日本</li>
		</ul>
</body>
</html>


DIV 标签

其实div 标签是要结合css 来讲的,那我做一个简单的实例:给一个div 加上宽度,高度,和背景颜色

首先,我们写好html 代码,然后要写上样式的标签

<style></style>

然后我们在里面写样式,代码如下

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title></title>
	<style type="text/css">
		div{
			width: 100px;
			height: 50px;
			background: red;
		}
	</style>
</head>
<body>
		<div>
			大家好
		</div>
</body>
</html>


继续学习
||
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body> <ol> <li>中国</li> <li>美国</li> <li>日本</li> </ol> </body> </html>
提交重置代码
章节
笔记
提问
课件
反馈
捐赠

HTML+CSS 轻松入门教程

高并发千万级数据库系统解决方案
  • 推荐课程
  • 评论
  • 问答
  • 笔记
  • 课件下载

我又来了

有黑点和没黑点的区别吗

7年前    添加回复 0

看山看水看代码

<p>标签之类的可以定义宽高吗

7年前    添加回复 0

仗义皆为屠狗辈 无情多为读书人

有序无序要分清

7年前    添加回复 0

烟雨江南

这个还是很有用的,导航可以用这个标签来制作

7年前    添加回复 0

末日的春天

排列在有的情况下很有用

7年前    添加回复 0

li标签里边还能有li标签吗?

[最新 数据分析师 的回答] li标签里边还能有li标签吗?-PHP中文网问答-li标签里边还能有li标签吗?-PHP中文网问答围观一下哦,学习一下。

时间:7年前

关于div的问题?

[最新 数据分析师 的回答] 关于div的问题?-PHP中文网问答-关于div的问题?-PHP中文网问答围观一下哦,学习一下。

时间:7年前

在网页中,div标签应该放在什么位置?

[最新 数据分析师 的回答] 在网页中,div标签应该放在什么位置?-PHP中文网问答-在网页中,div标签应该放在什么位置?-PHP中文网问答围观一下哦,学习一下。

时间:7年前

课件暂不提供下载,工作人员正在整理中,后期请多关注该课程~