HTML+CSS 輕鬆入門有序標(biāo)籤和無(wú)序標(biāo)籤,DIV標(biāo)籤
有序標(biāo)籤:
語(yǔ)法:
<ol>
#????<li></li>
????<li> </li>
????<li></li>
</ol>
請(qǐng)看實(shí)例:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body> <ol> <li>中國(guó)</li> <li>美國(guó)</li> <li>日本</li> </ol> </body> </html>
無(wú)序標(biāo)籤:
語(yǔ)法:
<ul>
????<li></li>
#????<li></li>
#????<li></li> ????<li></li></ul>?實(shí)例:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body> <ul> <li>中國(guó)</li> <li>美國(guó)</li> <li>日本</li> </ul> </body> </html>
#?
實(shí)例:<!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 標(biāo)籤其實(shí)div 標(biāo)籤是要結(jié)合css 來(lái)講的,那我做一個(gè)簡(jiǎn)單的實(shí)例:給一個(gè)div 加上寬度,高度,和背景顏色
首先,我們寫(xiě)好html 程式碼,然後要寫(xiě)上樣式的標(biāo)籤