HTML 块标签,行内标签,行内块标签以及之间的相互转换
生活随笔
收集整理的這篇文章主要介紹了
HTML 块标签,行内标签,行内块标签以及之间的相互转换
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
? HTML標簽分類 行內標簽:包含a、span、em、strong、b、i、u、label、br; 特點:可以多個標簽存在一行,不能直接設置行內標簽的高度、寬度、行高以及頂和底邊距,完全靠內容撐開寬高! a標簽:主要用來鏈接一個其他的網頁; span標簽:主要用來對行內的文字進行一些樣式以及其他的操作; em標簽:一般用來對文字進行強調,使用斜體體現出來; strong標簽:一般用來對文字進行強調,使用加粗字體體現出來; img標簽:圖片引用標簽,其中 src屬性中寫入圖片的地址; var標簽:JavaScript中命名變量的標簽。 塊標簽:包含p、div、ul、ol、li、dl、dt、dd、h1~h6、form; 特點:獨占一行,對高度、寬度、行高以及頂和底邊距都可設置的屬性值生效;如果不給寬度,塊級元素就默認為瀏覽器的寬度,即就是100%寬; p標簽:段落標簽,段落文字使用,默認格式:段尾進行換行; div標簽:劃分塊的主要使用標簽; ul標簽:無序列表的主標簽,后面的標號為圓點(黑色); ol標簽:有序列表的主標簽,后面一般跟有序的1,2,3,4,5...; li標簽:列表中的主體使用標簽 dl標簽:自定義標簽的主標簽; dt標簽:自定義標簽的表頭; dd標簽:自定義標簽的表頭的解釋(描述)信息; h1~h6:6級標題標簽、字體的大小依次變小。 行內塊標簽:img,input,textarea 特點:結合的行內和塊級的有點,不僅可以對寬高屬性值生效,還可以多個標簽存在一行顯示; +++++++++++++++++++++++++++++++++++++++++ ? ? ? ? ? ? ? ? 各種標簽之間的轉換 1、塊級標簽轉換為行內標簽:display:inline; 2、行內標簽轉換為塊級標簽:display:block; 3、轉換為行內塊標簽:display:inline-block; ? ? ? ? ? ? ? ? 各個標簽之間的區別 塊標簽:獨自占領一行、可以進行寬高的數值的設定; 行標簽:在一行內顯示、不可以進行寬高的數值設定; 行內塊標簽:能和其他元素待在一行,能設置寬高; ? ? ? ? ? ? ? ? ? ? 嵌套規則? 塊標簽可以套行標簽,行標簽不可以套塊標簽。 P標簽不要套塊屬性標簽,可以套a,span,文本。。。 嵌套的時候注意代碼的縮進。
原文發布時間:2018-6-19 本文來源csdn博客如需轉載請緊急聯系作者
原文發布時間:2018-6-19 本文來源csdn博客如需轉載請緊急聯系作者
總結
以上是生活随笔為你收集整理的HTML 块标签,行内标签,行内块标签以及之间的相互转换的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: SQL查询数据并插入新表
- 下一篇: 【研究任务】linux系统开机启动过程