html常用總結

2021-09-17 21:56:09 字數 3023 閱讀 2792

①塊級標籤:佔據一整行,高度、行高、內邊距和外邊距都可以改變,寬度和遊覽器的寬度一樣,和內容無關,可以容納塊級標籤和其他行內標籤;

②行內標籤:只佔內容寬度大小、高度、行高,內邊距和外邊距是可以部分可以改變的。

塊級元素可以巢狀塊級元素與行內元素

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...