前端學習筆記之Html標籤元素類別

2021-09-16 22:36:24 字數 939 閱讀 7555

html 中的標籤元素可以分為三種不同的型別:塊狀元素內聯元素內聯塊狀元素

塊狀元素的特點有:

1、獨佔一行。每個塊級元素都從新的一行開始,並且其後的元素也另起一行。

2、元素的高度、寬度、行高以及頂和底邊距都可設定

3、可以設定高度,如果不設定元素的高度,則其高度與父元素的高度一致。

常用的塊狀元素有:

、、、、、、、、、、、、、、

內聯元素與塊狀元素相對應,具有如下特點:

1、和其他內聯元素都在一行上;

2、元素的高度、寬度、行高及頂部和底部邊距不可設定

3、元素不能設定高度,寬度就是它包含的文字或的寬度。

常用的內聯元素有:

、、

、、、、、、等

內聯元素與塊狀元素可以相互轉化,比如在 css 中將內聯元素設定為以塊狀元素的方式顯示display: block,就將內聯元素轉化成了乙個塊狀元素,這時候,我們可以設定該元素的長寬等原本不能設定的屬性。

同樣,我們也可以設定塊狀元素的display屬性為display: inline,這樣塊狀元素就可以再同一行顯示了。

內聯塊狀元素像內聯元素一樣在同一行顯示,又可以像塊狀元素一樣設定高、寬、行高、邊距。

常用的內聯塊狀元素有:

其他的元素可以通過設定display: inline-block,轉化為內聯塊狀元素。

前端學習筆記之Html標籤元素類別

html 中的標籤元素可以分為三種不同的型別 塊狀元素 內聯元素和內聯塊狀元素。塊狀元素的特點有 1 獨佔一行。每個塊級元素都從新的一行開始,並且其後的元素也另起一行。2 元素的高度 寬度 行高以及頂和底邊距都可設定。3 可以設定高度,如果不設定元素的高度,則其高度與父元素的高度一致。常用的塊狀元素...

前端 Html常用標籤元素

常用html標籤元素結合及簡介 建立乙個html文件 設定文件標題和其它在網頁中不顯示的資訊 設定文件的標題 最大的標題 預先格式化文字 下劃線黑體字 斜體字 打字機風格的字型 引用,通常是斜體 強調文字 通常是斜體加黑體 加重文字 通常是斜體加黑體 設定字型大小從1到7,顏色使用名字或rgb的十六...

前端學習筆記 html 排版標籤

首先 html和css是兩種完全不同的語言,我們學的是結構,就只寫html標籤,認識標籤就可以了。不會再給結構標籤指定樣式了。標題文字排版標籤主要和css搭配使用,顯示網頁結構的標籤,是網頁布局最常用的標籤。h1 h2 h3 h4 h5 h6 標題標籤語義 作為標題使用,並且依據重要性遞減 其基本語...