? HTML標(biāo)簽分類 行內(nèi)標(biāo)簽：包含a、span、em、strong、b、i、u、label、br； 特點：可以多個標(biāo)簽存在一行，不能直接設(shè)置行內(nèi)標(biāo)簽的高度、寬度、行高以及頂和底邊距，完全靠內(nèi)容撐開寬高！ a標(biāo)簽：主要用來鏈接一個其他的網(wǎng)頁； span標(biāo)簽：主要用來對行內(nèi)的文字進(jìn)行一些樣式以及其他的操作； em標(biāo)簽：一般用來對文字進(jìn)行強(qiáng)調(diào)，使用斜體體現(xiàn)出來； strong標(biāo)簽：一般用來對文字進(jìn)行強(qiáng)調(diào)，使用加粗字體體現(xiàn)出來； img標(biāo)簽：圖片引用標(biāo)簽，其中 src屬性中寫入圖片的地址； var標(biāo)簽：JavaScript中命名變量的標(biāo)簽。 塊標(biāo)簽：包含p、div、ul、ol、li、dl、dt、dd、h1~h6、form； 特點：獨占一行，對高度、寬度、行高以及頂和底邊距都可設(shè)置的屬性值生效；如果不給寬度，塊級元素就默認(rèn)為瀏覽器的寬度，即就是100%寬； p標(biāo)簽：段落標(biāo)簽，段落文字使用，默認(rèn)格式：段尾進(jìn)行換行； div標(biāo)簽：劃分塊的主要使用標(biāo)簽； ul標(biāo)簽：無序列表的主標(biāo)簽，后面的標(biāo)號為圓點（黑色）； ol標(biāo)簽：有序列表的主標(biāo)簽，后面一般跟有序的1,2,3,4,5...； li標(biāo)簽：列表中的主體使用標(biāo)簽 dl標(biāo)簽：自定義標(biāo)簽的主標(biāo)簽； dt標(biāo)簽：自定義標(biāo)簽的表頭； dd標(biāo)簽：自定義標(biāo)簽的表頭的解釋（描述）信息； h1~h6：6級標(biāo)題標(biāo)簽、字體的大小依次變小。 行內(nèi)塊標(biāo)簽：img,input,textarea 特點：結(jié)合的行內(nèi)和塊級的有點，不僅可以對寬高屬性值生效，還可以多個標(biāo)簽存在一行顯示； +++++++++++++++++++++++++++++++++++++++++ ? ? ? ? ? ? ? ? 各種標(biāo)簽之間的轉(zhuǎn)換 1、塊級標(biāo)簽轉(zhuǎn)換為行內(nèi)標(biāo)簽：display:inline; 2、行內(nèi)標(biāo)簽轉(zhuǎn)換為塊級標(biāo)簽：display:block; 3、轉(zhuǎn)換為行內(nèi)塊標(biāo)簽：display：inline-block; ? ? ? ? ? ? ? ? 各個標(biāo)簽之間的區(qū)別 塊標(biāo)簽：獨自占領(lǐng)一行、可以進(jìn)行寬高的數(shù)值的設(shè)定； 行標(biāo)簽：在一行內(nèi)顯示、不可以進(jìn)行寬高的數(shù)值設(shè)定； 行內(nèi)塊標(biāo)簽：能和其他元素待在一行，能設(shè)置寬高； ? ? ? ? ? ? ? ? ? ? 嵌套規(guī)則? 塊標(biāo)簽可以套行標(biāo)簽，行標(biāo)簽不可以套塊標(biāo)簽。 P標(biāo)簽不要套塊屬性標(biāo)簽，可以套a，span，文本。。。 嵌套的時候注意代碼的縮進(jìn)。
原文發(fā)布時間：2018-6-19 本文來源csdn博客如需轉(zhuǎn)載請緊急聯(lián)系作者

總結(jié)

以上是生活随笔為你收集整理的HTML 块标签，行内标签，行内块标签以及之间的相互转换的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

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