html中內聯元素和塊級元素的區別

2021-09-28 05:27:58 字數 1042 閱讀 9157

塊級元素

行內元素

獨佔一行,預設情況下,其寬度自動填滿其父元素寬度

相鄰的行內元素會排列在同一行裡,直到一行排不下,才會換行,其寬度隨元素的內容而變化

可以設定width,height屬性

行內元素設定width,height屬性無效

可以設定margin和padding屬性

行內元素起邊距作用的只有margin-left、margin-right、padding-left、padding-right,其它屬性不會起邊距效果。

對應於display:block

對應於display:inline;

定義位址

定義**標題

定義列表中定義條目

定義文件中的分割槽或節

定義列表

定義列表中的專案

定義乙個框架集

建立表單元素

可定義錨以及超連結

表示乙個縮寫形式

表示只取title中首字母的縮寫形式字型加粗

可覆蓋預設的文字方向

大號字型加粗

換行引用進行定義定義計算機**文字

定義乙個定義專案

定義為強調的內容

斜體文字效果

輸入框定義鍵盤文字

為input進行標記/標註

定義短的引用

表示不準確不相關,卻不應當給予刪除的內容

定義樣本文字

定義單選或者多選選單

呈現小號字型效果

組合文件中的行內元素語氣更強的強調內容

定義下標文字

定義上標文字

多行文字輸入控制項

打字機或者等寬的文字效果

定義變數

和**替換元素**就是瀏覽器根據元素的標籤和屬性,來決定元素的具體顯示內容。

例如瀏覽器會根據

不可替換元素 html 的大多數元素是 **不可替換元素** ,即其內容直接表現給使用者端(例如瀏覽器)。

例如: 段落的內容

段落是乙個不可替換元素,文字「段落的內容」全被顯示。

html塊級元素和內聯元素

塊級元素 就是乙個方塊,像段落一樣,預設佔據一行出現 內聯元素 又叫行內元素,顧名思義,只能放在行內,就像乙個單詞,不會造成前後換行,起輔助作用。一般的塊級元素諸如段落 標題.列表,body 元素的內容會顯示在瀏覽器中。title 元素的內容會顯示在瀏覽器的標題欄中。從上圖的例子可以看出,塊級元素預...

HTML中的塊級元素和內聯元素

塊級元素 block level element 總是獨佔一行,表現為另起一行開始,而且其後的元素也必須另起一行顯示 寬度 width 高度 height 內邊距 padding 和外邊距 margin 都可控制 寬度沒有設定時,預設為100 可以包含某些塊級元素和內聯元素 內聯元素 inline ...

理解HTML中的塊級元素和內聯元素

元素的型別是根據文件型別定義 dtd 來指明的,元素型別的區分是為了對頁面布局可以更準確的調整。1.塊級元素 block 特性 常見的塊級元素 div form h1 6 p ul table 2.內聯元素 inline 特性 常見的內聯元素 a em span select img input 3...