①塊級標籤:佔據一整行,高度、行高、內邊距和外邊距都可以改變,寬度和遊覽器的寬度一樣,和內容無關,可以容納塊級標籤和其他行內標籤;
②行內標籤:只佔內容寬度大小、高度、行高,內邊距和外邊距是可以部分可以改變的。
塊級元素可以巢狀塊級元素與行內元素
p標籤雖然是塊級元素,但是只能巢狀行內元素
行內元素不允許巢狀塊級元素
級別
元素行內元素
a,b,br,strong,span,img,label,button,input,select,textarea
塊級元素
p,header,form,ul,ol,table,article,div,hr,aside,figure,canvas,video,audio,footer
一般情況下,行內元素只包含內容和其他行內元素,寬度和長度依據內容而定,不可以設定,可以和其他元素和平共處一行;而塊級元素可以包含行內元素和其他塊級元素,且佔據父元素的整個空間,可以設定width和height屬性,遊覽器通常會在塊級元素前後另起乙個新行。
之所以,說「一般情況」,是因為元素的級別不是一成不變的,遊覽器是按照規範規定的元素的預設級別來顯示,但是,也可以通過"display"的屬性來改變其級別。
常用的display值值說明
inline
以行內元素行為展示
block
以塊級元素行為展示
inline-block
行內元素和塊級元素特性兼而有之,既不會佔滿父元素,又可以設定width和height屬性
table
以**的形式展示
table-cell
以**單元格的形式展示
table-row
以**行的形式展示
table-column
以**列的形式展示
inline-flex
類似行內元素,但是可以用於製作自適應布局
塊級元素與overflow
塊級元素當沒有明確指定width和height值時,塊級元素尺寸由內容確定,當指定了width和height的值時,內容超出規定的尺寸就會溢位,元素的尺寸並不會隨著內容改變。這時候,使用overflow可以指定內容超出時的行為,當然,overflow只對塊級元素起作用,指定當內容超出塊級容器的時候,塊級元素該如何處理內容的顯示。overflow可能的值如下表示:值說明
visible
visible 預設值,如果內容超出容器尺寸,不做任何處理
hidden
超出的內容被截斷並隱藏
scroll
無論內容是否超出,總是顯示滾動條。可以控制只顯示乙個方向的滾動條,這時應該設定 overflow-x 和 overflow-y
auto
內容沒有超出時,不顯示滾動條;內容超出時,顯示滾動條,且如果只有乙個方向超出,那麼只顯示該方向上的滾動條
1.頭部
頭部的內容不會顯示在瀏覽器
2.常見標籤及用法
文字:
標題字大小(h1~h6)...粗體字...粗體字(強調)
... 斜體字
... 下劃線
... 斜體字(強調)
… 居中文字
無序列表
… 有序列表
… 列表專案
… 超連結
定義文字字型尺寸、顏色、大小
下標上標
換行段落
圖形:
水平線
**:
… 定義**
… 定義**中的表頭單元格
… 定義**中的行
… 定義**中的單元
table的屬性:
width : **總寬度
height : **總高度
align : **的水平對齊方式(left左,center居中,right右)
border : 設定**的邊框,以px(畫素)為單位
cellpadding : 內邊距(單元格邊框與內容之間的距離)
cellspacing : 外邊距(單元格與單元格之間的距離)
bgcolor : **的背景顏色
3.標籤詳解:
meta 標籤
標籤有兩個屬性:http-equid和name。
1.http-equiv屬性
功能:模擬http協議檔案頭資訊,當資訊從伺服器端傳到客戶端時,告訴瀏覽器如何正確的顯示網頁內容。
http-equiv屬性一般要與content屬性配合使用。content屬性指定資訊的詳細引數。
(1)設定網頁的字符集
(2)網頁自動重新整理
//每隔2秒鐘,自動重新整理網頁一次
//2秒鐘後,跳轉到鳳凰網
2.name屬性
name屬性主要用於設定網頁的搜尋關鍵字、版權資訊、作者等。
(1)設定網頁搜尋關鍵字
(2)設定網頁描述資訊
footer 標籤定義文件或節的頁尾
標籤定義文件或節的頁尾
標籤定義文件或節的頁尾。
元素應當含有其包含元素的資訊。
可以在乙個文件中使用多個 元素。
例如:posted by: w3school
contact information: [email protected].
heade標籤定義文件的頁首
a paragraph.
iframe網頁巢狀
Html 常用標誌總結
html 常用標誌 基本標誌 建立乙個html文件 設定文件標題和其它在網頁中不顯示的資訊 設定文件的主體部分 文件整體屬性標誌 設定背景顏色。使用名字或rgb的十六進製制值 設定文字顏色。使用名字或rgb的十六進製制值 設定鏈結顏色。使用名 字或rgb的十六進製制值 設定已使用的鏈結的顏色。使用名...
HTML常用標籤總結
html是一種超文字標記語言,不區分大小寫,乙個標籤相當於乙個容器,想修改容器內資料樣式,只需改變容器的屬性值,就可以實現容器內資料樣式的變化。1,文字標籤 font 屬性 size 文字的大小,取值範圍1 7,超過7則預設為7 color 文字的顏色,可以用英文單詞表示 red,green,bla...
HTML常用標籤總結
常用標籤 1,標題標籤 2,水平線標籤,新增一條水平線 3,段落標籤,4,換行標籤,5,預格式標籤,用於過載 瀏覽器預設顯示樣式 1 顯示為等寬字型。2 中的換行 空格等元素能在瀏覽器中顯示 7,空格的表示 8,有序列表 9,無序列表 10,定義列表 實現 混排 12,列表描述項 可以有很多項 13...