4 HTML標籤分類

2021-09-11 11:32:42 字數 906 閱讀 1589

塊級元素特點:display:block;

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

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

3、元素寬度在不設定的情況下,是它本身父容器的100%(和父元素的寬度一致),除非設定乙個寬度。

行內元素特點:display:inline;

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

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

3、元素的寬度就是它包含的文字或的寬度,不可改變。

行內塊狀元素的特點:display:inline-block;

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

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

塊元素可以包含內聯元素或某些塊元素,但內聯元素卻不能包含塊元素,它只能包含其它的內聯元素

例如:

✔️

✔️

❌塊級元素不能放在p標籤裡面,比如

❌有幾個特殊的塊級元素只能包含內嵌元素,不能再包含塊級元素,這幾個特殊的標籤是:

h1  h2  h3  h4  h5  h6  p

li元素可以嵌入ul,ol,div等標籤

4 HTML基本結構和常用標籤

html lang en charset utf 8 name viewport content width device width,initial scale 1.0 documenttitle head body html 網頁的整理檔案,根元素 網頁的頭部資訊,不會顯示在網頁中 網頁的元資訊...

重溫系列4《html高階篇 表單標籤》

1.from表單的作用 製作填寫的 等,此 可以提供給瀏覽者填寫資訊。所填寫的資訊對應的資料可以由前端傳送給後端。如下圖所示 method 這個是表示資料傳送的方式,有兩種 get 或 post action 這是資料要發給的物件 補充 這裡單獨的from表單無法做出效果,需要搭配以下標籤進行組合使...

4 HTML 屬性與使用

例如 href 這是乙個鏈結a 效果 這是乙個鏈結 html 屬性的使用 另外,屬性和屬性值對大小寫不敏感。不過,推薦小寫的屬性 屬性值。並且新版本的 x html 要求使用小寫屬性。下面列出了適用於大多數 html 元素的屬性 屬性描述 class 為html元素定義乙個或多個類名 classna...