【HTML思维导图】

 

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

 

详细笔记见可参考逼哥很疯狂 写得不错