HTML容器標籤和文字標籤

2021-07-24 22:14:43 字數 773 閱讀 7755

html中的容器級標籤和文本級標籤,css中的塊級元素和行內元素是我們常常拿來比較的四個名詞(行內塊級暫時先不考慮)。

容器級的標籤可以簡單的理解為能巢狀其它所有標籤的標籤。

常見容器級的標籤: div h ul ol dl li dt dd ...。

常見文本級的標籤:span p buis strong em ins del ...。

css中的塊級元素基本與html中的容器級標籤對應,包括: **p** div h ul ol dl li dt dd ...。

*ps:不用刻意去記憶哪些標籤是文本級的哪些標籤是容器級, 在企業開發中一般情況下要巢狀都是巢狀在div中, 或者按照組標籤來巢狀(ul>li, ol>li , dl>dt+dd).*

行內元素也基本與文字標籤對應:span buis strong em ins del。
1.塊級元素獨佔一行,行內元素不獨佔。

2.如果沒有設定寬高,塊級元素預設與父元素一致,設定了則按設定的顯示;

行內元素不可以設定寬高,預設與包含的內容高度一致。

ps:為了能夠讓元素既能夠不獨佔一行, 又可以設定寬度和高度, 那麼就出現了行內塊級元素

可以通過標籤的display屬性設定顯示模式。

display取值

block 塊級

inline 行內

inline-block 行內塊級

HTML容器標籤和文字標籤

html中的容器級標籤和文本級標籤,css中的塊級元素和行內元素是我們常常拿來比較的四個名詞 行內塊級暫時先不考慮 注 如果標籤巢狀錯誤,可能會發生瀏覽器解析錯誤的情況,只是針對巢狀做的這個。1 容器級的標籤可以簡單的理解為能巢狀其它所有標籤的標籤。2 常見容器級的標籤 div h ul ol dl...

HTML文字標籤

建立新段落的步驟 1 輸入 2 輸入新段落的內容 3 輸入 p 結束這個段落 指定細則的步驟 1 輸入 2 3 輸入 small strong 元素表示內容的重要性,而 em 則表示內容的著重點 標記重要文字 1 輸入。2 輸入想標記為重要內容的文字。3 輸入 strong 強調文字 1 輸入 2 ...

HTML文字標籤

1 檔案標籤 構成html最基本的標籤html html文件的根標籤 head 頭標籤。用於指定html文件的一些屬性。引入外部資源 title 標題標籤 body 體標籤 2 文字標籤 和文字有關的標籤注釋 to 標題標籤 段落標籤 換行 顯示一條水平線 屬性 color 顏色 width 寬度 ...