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>