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

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

1.下表列出了內聯元素和塊級元素的主要區別

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

行內元素

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

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

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

- 對應於display:inline；

塊級元素

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

- 可以設定width，height屬性

- 可以設定margin和padding屬性

- 對應於display:block

2.按字母順序排列塊級元素主要有

定義位址

定義**標題

定義列表中定義條目

定義文件中的分割槽或節

定義列表

定義列表中的專案

定義乙個框架集

建立表單元素

標題元素

水平線

給fieldset元素定義標題

定義列表專案

為那些不支援框架的瀏覽器顯示文字，放置於frameset標籤內

為那些不支援指令碼的瀏覽器顯示文字

有序列表

無序列表

定義段落

定義預格式化文字

定義**

定義**主體

**中的標準單元格

**中的行

**中的頁尾

定義表頭單元格

定義**的表頭

3.內聯元素有

可定義錨以及超連結

表示乙個縮寫形式

表示只取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...