HTML+CSS 輕松入門之有序標(biāo)簽和無序標(biāo)簽,DIV標(biāo)簽
有序標(biāo)簽:
語法:
<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>中國</li> <li>美國</li> <li>日本</li> </ol> </body> </html>
無序標(biāo)簽:
語法:
<ul>
<li></li>
<li></li>
<li></li>
</ul>
實(shí)例:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body> <ul> <li>中國</li> <li>美國</li> <li>日本</li> </ul> </body> </html>
DIV 標(biāo)簽
其實(shí)div 標(biāo)簽是要結(jié)合css 來講的,那我做一個(gè)簡單的實(shí)例:給一個(gè)div 加上寬度,高度,和背景顏色
首先,我們寫好html 代碼,然后要寫上樣式的標(biāo)簽
<style></style>
然后我們?cè)诶锩鎸憳邮?,代碼如下
<!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>