HTML中行級元素與塊級元素有哪些及它們的區別

2021-09-22 10:13:29 字數 1779 閱讀 1268

最近,在做一些測試題,第一題就是這題,雖然答了出來但感覺不太完美,所以自己查了一些資料把它完善了一下。給大家檢視。

行內、塊狀元素區別:

(1).塊級元素會獨佔一行,其寬度自動填滿其父元素寬度行內元素不會獨佔一行,相鄰的行內元素會排列在同一行裡,知道一行排不下,才會換行,其寬度隨元素的內容而變化

(2). 一般情況下,塊級元素可以設定 width,height屬性,行內元素設定width, height無效

(注意:塊級元素即使設定了寬度,仍然是獨佔一行的)

(3).塊級元素可以設定margin 和 padding. 行內元素的水平方向的padding-left,padding-right,margin-left,margin-right都產生邊距效果,但是豎直方向的padding-top,padding-bottom,margin-top,margin-bottom都不會產生邊距效果。(水平方向有效,豎直方向無效)

塊級元素

address 定義位址

caption 定義**標題

dd 定義列表中定義條目

div 定義文件中的分割槽或節

dl 定義列表

dt 定義列表中的專案

fieldset 定義乙個框架集

form 建立 html 表單

h1 定義最大的標題

h2 定義副標題

h3 定義標題

h4>定義標題

h5定義標題

h6定義最小的標題

hr 建立一條水平線

legend 元素為 fieldset 元素定義標題

li 標籤定義列表專案

noframes 為那些不支援框架的瀏覽器顯示文字,於 frameset 元素內部

noscript 定義在指令碼未被執行時的替代內容

ol 定義有序列表

ul 定義無序列表

p 標籤定義段落

pre 定義預格式化的文字

table 標籤定義 html **

tbody 標籤**主體(正文)

td **中的標準單元格

tfoot 定義**的頁尾(腳注或表注)

th 定義表頭單元格

thead 標籤定義**的表頭

tr 定義**中的行

行內元素列表

a 標籤可定義錨

abbr 表示乙個縮寫形式

acronym 定義只取首字母縮寫

b 字型加粗

bdo 可覆蓋預設的文字方向

big 大號字型加粗

br 換行

cite 引用進行定義

code 定義計算機**文字

dfn 定義乙個定義專案

em 定義為強調的內容

i 斜體文字效果

img 向網頁中嵌入一幅影象

input 輸入框

kbd 定義鍵盤文字

label 標籤為 input 元素定義標註(標記)

q 定義短的引用

samp 定義樣本文字

select 建立單選或多選選單

small>呈現小號字型效果

span 組合文件中的行內元素

strong 語氣更強的強調的內容

sub 定義下標文字

sup>定義上標文字

textarea 多行的文字輸入控制項

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

var 定義變數

可變元素素列表–可變元素為根據上下文語境決定該元素為塊元素或者內聯元素

HTML中行內元素與塊級元素的區別

1.行內元素與塊級函式可以相互轉換,通過修改display屬性值來切換塊級元素和行內元素,行內元素display inline,塊級元素display block。2.行內元素和其他行內元素都會在一條水平線上排列,都是在同一行的 塊級元素卻總是會在新的一行開始排列,各個塊級元素獨佔一行,垂直向下排列...

HTML中行內元素與塊級元素的區別

區別 1.行內元素與塊級函式可以相互轉換,通過修改display屬性值來切換塊級元素和行內元素,行內元素display inline,塊級元素display block。2.行內元素和其他行內元素都會在一條水平線上排列,都是在同一行的 塊級元素總是會在新的一行排列,各個塊級元素獨佔一行,垂直向下排列...

html中行內元素與塊級元素的區別。

在標準文件流裡面,塊級元素具有以下特點 1.總是在新行上開始,佔據一整行 2.高度,行高以及外邊框和內邊距都可以控制 3.寬度始終是與遊覽器寬度一樣,與內容無關 4.它可以容納內聯元素和其他塊級元素。行內元素的特點 1.和其他元素都在一行上 2.高,行高及外邊框和內邊距部分可改變 3.寬度只與內容有...