HTML常用標籤及其他總結

2021-08-06 03:47:55 字數 4036 閱讀 7441

//命名文件型別

//說明我們寫的是標記語言

//檔案頭部

charset="utf-8"/> //編碼格式

html5title> //檔案標題(顯示在網頁題目上)

head>

檔案主體(所有要寫的內容)

body>

html>

《標記  屬性=「屬性值」   屬性=「屬性值」>
1.標記,標籤,元素都是乙個東西。

2.標記和屬性用空格隔開,屬性和屬性值用等號連線,屬性值必須放在「」號內。

3.乙個標記可以沒有屬性也可以有多個屬性,屬性和屬性之間不分先後順序。

4.空標籤沒有結束標籤,用「/」代替。

樣式

樣式……

樣式文字內容

(1)無序列表 (unordered list)

樣式:

(2)有序列表 (ordered list)

樣式:

……

屬性:

(a)type = 「數字/小寫字母/大寫字母/小寫羅馬/大寫羅馬」

數字順序的有序列表(預設值)(1, 2, 3, 4)。

a 字母順序的有序列表,小寫(a, b, c, d)。

a 字母順序的有序列表,大寫(a,b,c,d)

i 羅馬數字,小寫(i, ii, iii, iv)。

i 羅馬數字,大寫(i, ii, iii, iv)。

(b)start = 「數字」

數字表示有序列表的開始點。

(3)自定義列表

樣式:

名詞

解釋 ……

樣式:

//列分組

span="2"

style="background-color:red">

colgroup>

//表頭

標題內容caption>

thead>

//表體

//一行

列標題th>

tr>

//二行

單元格內容td>

單元格內容td>

tr>

tbody>

tfoot>//表尾

table>

//乙個table中,只能包含乙個thead,乙個tfoot,但可包含多個tbody。屬性:

1)width=」**的寬度」

2)height=」**的高度」

3)border=」**的邊框」

4)bgcolor=」**的背景色」

5)cellspacing=」單元格與單元格之間的間距」

6)cellpadding=」單元格與內容之間的空隙」

7)align=」left/center/right」 (水平對齊方式)

8)valign=」top/bottom/middle/baseline」 (垂直對齊方式)

9)colspan=」所要合併的單元格的列數」 (合併列,寫在td屬性中,合併幾個去掉幾個td)

10)rowspan=」所要合併單元格的行數」 (合併行,寫在td屬性中,合併幾個去掉幾個不同tr相同位置的td)

11)rules=」groups/rows/cols/all/none」 (新增組分隔線)

*rows:位於行之間的線條

*cols:位於列之間的線條

*all:位於行和列之間的線條

*none:沒有線條

*groups:位於行組和列組之間的線條

作用:用來收集使用者的資訊。

樣式:

樣式:

//title:在你滑鼠懸停在該上時顯示乙個小提示,滑鼠離開就沒有了。

//html的絕大多數標籤都支援title屬性,title屬性就是專門做提示資訊的。

//alt屬性是在你的因為某種原因不能載入時在頁面顯示的提示資訊。

//它會直接輸出在原本載入的地方。

樣式:

鏈結文字/a>

a>//空鏈結

屬性:target:頁面開啟方式,預設屬性值 _ self。( _ self:當前頁面開啟; _ blank:新頁面開啟)

樣式:id="id名"/class="class名">div>

作用:主要用來布局。

樣式:

span> //文字結點,用來放一段字

樣式:

加粗內容b> //加粗加粗內容strong> //加粗

em> //傾斜

i> //傾斜

//換行

//水平分割線

del> //刪除線標籤

//空格(轉義字元)

根據css顯示分類,xhtml元素被分為三種型別:

·塊狀元素

·內聯元素

·可變元素

塊狀元素(block element)

(1)塊狀元素在網頁中就是以塊的形式顯示,所謂塊狀就是元素顯示為矩形區域,常用的塊狀元素包塊div,dl,dt,dd,ol,ul,fieldset,(h1-h6),p,form,hr,colgroup,col,table,tr,td,等。

(2)預設情況下,塊狀元素都會佔據一行,通俗地說,兩個相鄰塊狀元素不會出現並列顯示的現象;預設情況下,塊狀元素會按順序自上而下排列。

(3)塊狀元素都可以定義自己的寬度和高度。

(4)塊狀元素一般都作為其他元素的容器,它可以容納其它內聯元素和其它塊狀元素。我們可以把這種容器比喻為乙個盒子。

內聯元素(inline element)(或是行內元素)

(1)常見的內聯元素如:a,span,i,em,strong,b,del,等。

(2)內聯元素的表現形式是始終以行內逐個進行顯示。

(3)內聯元素沒有自己的形狀,不能定義它的寬和高,它顯示的寬度、高度只能根據所包含內容的高度和寬度來確定,它的最小內容單元也會呈現矩形形狀。

(4)內聯元素也會遵循盒模型基本規則,如可以定義padding,border,margin,background等屬性,但個別屬性不能正確顯示。

可變元素

需要根據上下文關係確定該元素是塊元素或者內聯元素。

(1)盒子模型可通過display屬性來改變預設的顯示型別,display屬性包含了18個屬性值,包括block/inline/inline-block/none/list-item/table-header-group/table-footer-group….,display屬性用於設定或檢索物件元素應該生成的盒模型的型別。

1)block塊狀顯示:元素會獨佔一行。當元素設定了float屬性後,就相當於給該元素加了display:block;屬性。

2)inline內聯顯示:在元素後面刪除換行符,多個元素可以在一行內並列顯示。

4)inline-block行內塊元素顯示:元素的內容以塊狀顯示,行內的其他元素顯示在同一行。(只有這乙個元素型別支援vertical-align屬性)img,input。

5)none 此元素不會被顯示。

6)list-item:將元素轉換成列表。li的預設型別。

(2)補充

1)大部分塊元素display屬性值預設為block,其中li預設值為list-item。

2)大部分內聯元素的display屬性值預設為inline,其中img,input,預設為inline-block。

乙個內容不受css視覺格式化模型控制,css渲染模型並不考慮對此內容的渲染,且元素本身一般擁有固有尺寸(寬度,高度,寬高比)的元素,被稱之為置換元素。

html中的img、input、textarea、select、object都是置換元素。這些元素往往沒有實際的內容,即是乙個空元素。

Html 常用標籤及其屬性

1.轉義字元 non break space,不間斷空格 2.標籤 table row,表示 中的行 table data,表示 中的資料 table border width height bgcolor align 對齊方式 tr align 內容對齊方式 th th td td tr tabl...

HTML其他標籤

1 target屬性 2 id屬性 有用的提示部分 在html文件中建立乙個鏈結到有用的提示部分 id tips 訪問有用的提示部分 或者,從另乙個頁面建立乙個鏈結到 有用的提示部分 id tips 訪問有用的提示部分 3 html頭部元素 定義了文件的資訊 定義了文件的標題 定義了乙個文件和外部資...

HTML常用標籤總結

html是一種超文字標記語言,不區分大小寫,乙個標籤相當於乙個容器,想修改容器內資料樣式,只需改變容器的屬性值,就可以實現容器內資料樣式的變化。1,文字標籤 font 屬性 size 文字的大小,取值範圍1 7,超過7則預設為7 color 文字的顏色,可以用英文單詞表示 red,green,bla...