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>

    <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>

實例:

<!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>

DIV 標籤

其實div 標籤是要結合css 來講的,那我做一個簡單的實例:給一個div 加上寬度,高度,和背景顏色


首先,我們寫好html 程式碼,然後要寫上樣式的標籤

###<style></style>######然後我們在裡面寫樣式,程式碼如下###rrreee ##########下一節
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body> <ol> <li>中国</li> <li>美国</li> <li>日本</li> </ol> </body> </html>
章節課件