HTML+CSS 轻松入门之有...LOGIN

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>
提交重置代码
章节课件