塊級元素(block-level)
每個塊元素通常都會獨自佔據一整行或多整行,可以對其設定寬度、高度、對齊等屬性,常用於網頁布局和網頁結構的搭建。
常見的塊元素有、、
只有文字才能組成段落,因此p裡面不能放塊級元素,同理還有這些標籤h1,h2,h3,h4,h5,h6,dt,他們都是文字類塊級標籤,裡面不能放其他塊級元素
鏈結裡面不能再放鏈結
a裡面可以放塊級元素
塊級元素和行內元素區別
塊級元素的特點:
(1)總是從新行開始
(2)高度,行高、外邊距以及內邊距都可以控制。
(3)寬度預設是容器的100%
(4)可以容納內聯元素和其他塊元素。
行內元素的特點:
(1)和相鄰行內元素在一行上。
(2)高、寬無效,但水平方向的padding和margin可以設定,垂直方向的無效。
(3)預設寬度就是它本身內容的寬度。
(4)行內元素只能容納文字或則其他行內元素。
行內塊元素(inline-block)
在行內元素中有幾個特殊的標籤——、、,可以對它們設定寬高和對齊屬性,有些資料可能會稱它們為行內塊元素。
行內塊元素的特點:
(1)和相鄰行內元素(行內塊)在一行上,但是之間會有空白縫隙。
(2)預設寬度就是它本身內容的寬度。
(3)高度,行高、外邊距以及內邊距都可以控制。
html標籤型別
標籤分為2種 單標籤和雙標籤 1.雙標籤 標籤名 屬性 屬性值 2.單標籤 標籤名 屬性 屬性值 a.尖叫號的第乙個單詞就是標籤名 b.標籤名和屬性用空格隔開 新增注釋 給開發人員新增的的提示資訊,瀏覽器不載入注釋 快捷鍵ctrl html5基本結構 宣告文件型別為html 表示根元素 根標籤 屬性...
標籤顯示模式
1.簡介 標籤顯示模式是標籤以什麼方式進行顯示。html標籤一般分為塊標籤和行內標籤兩種型別,它們也稱為塊元素和行內元素。2.塊級元素 block level 常見的塊元素有 3.行內元素 inline level 有的地方也稱為內聯元素常見的行內元素有 等,其中標籤最典型的行內元素。注意 4.行內...
標籤顯示模式
html標籤一般分為塊標籤和行內標籤兩種型別,它們也稱塊元素和行內元素。具體如下 塊級元素 block level 每個塊元素通常都會獨自佔據一整行或多整行,可以對其設定寬度 高度 對齊等屬性,常用於網頁布局和網頁結構的搭建。常見的塊元素有 等,其中標籤是最典型的塊元素。1.總是從新行開始 獨佔一行...