?

1.標簽及標簽的關系

?包含/并列

?表格標簽

? ? ? ? table-tr-td

?列表標簽

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

?表單標簽

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

?

2.路徑

?根目錄

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

?相對路徑:

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

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

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

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

?

3.元素

• ?行內元素inline

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

• ?塊級元素block

? 獨占一行，可以通過css改變寬高

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

• ?行內塊元素inline-block

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

?

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

總結

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

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。