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 程式碼,然後要寫上樣式的標籤