?

1.標(biāo)簽及標(biāo)簽的關(guān)系

?包含/并列

?表格標(biāo)簽

? ? ? ? table-tr-td

?列表標(biāo)簽

• ? 無序列表ul-li
• ? 有序列表ol-li
• ? 自定義dl-dt-dd

?表單標(biāo)簽

? ? ? form-input-label-select-textarea

?

2.路徑

?根目錄

? ? ? ? 即目錄文件夾的第一層

?相對路徑:

? ? ? ?同一級路徑 ＜img src = " img.jpg"/>

? ? ? ?下一級路徑??＜img src = "images/img.jpg"/>

? ? ? ?上一級路徑??＜img src = "../ img.jpg"/>

絕對路徑:在電腦哪個(gè)位置[較少使用]

?

3.元素

• ?行內(nèi)元素inline

? 內(nèi)容決定元素所占位置，不可以通過css改變寬高span、strong、em、a、del、i、video、audio

• ?塊級元素block

? 獨(dú)占一行，可以通過css改變寬高

h1~h6、div、p、ul、li、ol、form、address

• ?行內(nèi)塊元素inline-block

? 內(nèi)容決定大小，可以改寬高、一行可放多個(gè)行內(nèi)塊元素img、input、td

?

詳細(xì)筆記見可參考逼哥很瘋狂 寫得不錯

總結(jié)

以上是生活随笔為你收集整理的【HTML思维导图】的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。