web開發(fā)工具
- fireBug：火狐瀏覽器的調(diào)試插件
- 瀏覽器:IE瀏覽器,chrome,火狐
- HBuilder:web開發(fā)工具
HTML
HTML標(biāo)簽不區(qū)分大小寫，建議使用小寫
HTML 文件都是以.html 或者.htm 結(jié)尾的，建議使用.html 結(jié)尾
-
標(biāo)題標(biāo)簽:
- h1 ~ h6:逐級(jí)變小
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>標(biāo)題標(biāo)簽</title> </head> <body> <h1>title</h1> <h2>title</h2> <h3>title</h3> <h4>title</h4> <h5>title</h5> <h6>title</h6> </body> </html>- 水平線:
- 換行:
- 段落標(biāo)簽:<p><p/>
- 字體標(biāo)簽:<font><font/>
- size:字體大小1~7逐漸增大
- color:字體顏色
- face:字體樣式
- 加粗:<b></b>
- 斜體:<i></i>
- 圖片標(biāo)簽: !
- src:圖片路徑
- width:圖片寬度
- height:圖片高度
- alt:圖片加載不出來(lái)顯示的信息
- 無(wú)序標(biāo)簽:<ul><li></li></ul>
- type:有3種樣式
- ul: unorder list
- 有序標(biāo)簽:<ol><li></li></ol>
- type:有7種樣式
- reversed:倒敘
- start:起始序號(hào)
- ol: order list
- 超鏈接:<a href=""><a/>
- <a href="#"><a/>:不跳轉(zhuǎn)
- target:_self、_blank
- 表格標(biāo)簽:<table><tr><td></td></tr></table>
- width:表格寬度
- height:表格高度
- border:變寬寬度
- cellspacing:表格間隔
- cellpadding:內(nèi)部留白
- align:對(duì)齊方式
- bgcolor:背景顏色
- rowspan:跨行
- colspan:跨列
- 表格可以嵌套表格
- frameset:不能在<body>標(biāo)簽內(nèi)，用frameset時(shí)不用body標(biāo)簽
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>框架集標(biāo)簽</title> </head> <frameset cols="25%,*"> <frame src="left.html" /> <frame src="right.html" /> </frameset> </html><!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>網(wǎng)站后臺(tái)系統(tǒng)顯示頁(yè)面</title> </head> <frameset rows="20%,*"> <frame src="top.html" /> <frameset cols="20%,*"> <frame src="left.html" /> <frame name="right" /> </frameset> </frameset> </html> <!--left--> <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <a href="right.html" target="right">會(huì)員管理</a><br /><br /> <a href="#">品牌管理</a><br /><br /> <a href="#">商品管理</a><br /><br /> <a href="#">分類管理</a> </body> </html>
