2.html標(biāo)簽通常是成對(duì)出現(xiàn)，如：

3.有些標(biāo)簽是多帶帶呈現(xiàn)的，如：
、

4.標(biāo)簽里面帶有若干屬性，也有不帶的；

標(biāo)簽語(yǔ)法：

<標(biāo)簽名 屬性1=“屬性值1” 屬性2=“屬性值2”……>內(nèi)容部分
<標(biāo)簽名 屬性1=“屬性值1” 屬性2=“屬性值2”…… />

html注釋?zhuān)?/span>

 #找到一行內(nèi)容ctrl+/能快捷注釋?zhuān)⑨尩膬?nèi)容不會(huì)在網(wǎng)頁(yè)上顯示出來(lái)

head內(nèi)常用標(biāo)簽

meta標(biāo)簽：

　　01.元素可提供有關(guān)頁(yè)面的元信息（meta-information）,針對(duì)搜索引擎和更新頻度的描述和關(guān)鍵詞；

　　02.標(biāo)簽位于文檔的頭部，不包含任何內(nèi)容,提供的信息用戶(hù)是看不見(jiàn)的；

meta標(biāo)簽組成：

　　http-equiv屬性和name屬性：

　　1.http-equiv屬性：相當(dāng)于http的文件頭作用，向?yàn)g覽器傳回一些有用的信息，正確顯示網(wǎng)頁(yè)內(nèi)容，與之對(duì)應(yīng)的屬性值content，content中的內(nèi)容是各個(gè)參數(shù)的變量值；

  #edge是微軟的一個(gè)全新的瀏覽器,其實(shí)就是告訴IE瀏覽器，你按照最高標(biāo)準(zhǔn)來(lái)渲染我的頁(yè)面，做了解；

　　2.name屬性：主要用于描述網(wǎng)頁(yè)，與之對(duì)應(yīng)的屬性值為content，content中的內(nèi)容主要是便于搜索引擎查找信息和分類(lèi)信息用的；

<meta name="keywords" content="meta總結(jié),html meta,meta屬性,meta跳轉(zhuǎn)"> <meta name="description" content="xxxxxpythonxxx學(xué)習(xí)">  #是對(duì)這個(gè)文檔的描述，在百度一些內(nèi)容的頁(yè)面上，f12打開(kāi)看看

body常用標(biāo)簽

基本標(biāo)簽

加粗

每次加上一些內(nèi)容，記得保存再刷新一下才會(huì)顯示出效果來(lái)；

常用特殊字符

div標(biāo)簽和span標(biāo)簽

這兩個(gè)標(biāo)簽沒(méi)有特別的樣式,

div標(biāo)簽用來(lái)定義一個(gè)塊級(jí)元素，并無(wú)實(shí)際的意義。主要通過(guò)CSS樣式為其賦予不同的表現(xiàn);

span標(biāo)簽用來(lái)定義內(nèi)聯(lián)(行內(nèi))元素，并無(wú)實(shí)際的意義。主要通過(guò)CSS樣式為其賦予不同的表現(xiàn);

塊級(jí)元素與行內(nèi)元素的區(qū)別：

塊元素，是另起一行開(kāi)始渲染的元素，行內(nèi)元素則不需另起一行。多帶帶在網(wǎng)頁(yè)中插入這兩個(gè)元素，不會(huì)對(duì)頁(yè)面產(chǎn)生任何的影響；

這兩個(gè)元素是專(zhuān)門(mén)為定義CSS樣式而生的；

塊級(jí)標(biāo)簽：p、h1--h6、hr、div

內(nèi)聯(lián)標(biāo)簽：b、i、u、s

注意：

標(biāo)簽嵌套：通常塊級(jí)元素可以包含內(nèi)聯(lián)元素或某些塊級(jí)元素，但內(nèi)聯(lián)元素不能包含塊級(jí)元素，它只能包含其它內(nèi)聯(lián)元素;div是可以包含div的;

p標(biāo)簽比較特殊，不能包含塊級(jí)標(biāo)簽，p標(biāo)簽也不能包含p標(biāo)簽;可以試一下p標(biāo)簽套p標(biāo)簽，f12你會(huì)發(fā)現(xiàn)三個(gè)p標(biāo)簽;

 img標(biāo)簽 

<img src="圖片的路徑" alt="圖片未加載成功時(shí)的提示" title="鼠標(biāo)懸浮時(shí)提示信息" width="寬" height="高(寬高兩個(gè)屬性只用一個(gè)會(huì)自動(dòng)等比縮放)">

src的路徑分為兩種：網(wǎng)上的圖片路徑和本地的圖片路徑(本地路徑又包括相對(duì)路徑和絕對(duì)路徑)

"." -- 代表目前所在的目錄，相對(duì)路徑。 如：文本

a標(biāo)簽 

 超鏈接標(biāo)簽:指從一個(gè)網(wǎng)頁(yè)指向一個(gè)目標(biāo)的連接關(guān)系，這個(gè)目標(biāo)可以是另一個(gè)網(wǎng)頁(yè)，也可以是相同網(wǎng)頁(yè)上的不同位置，還可以是一個(gè)圖片，一個(gè)電子郵件地址，一個(gè)文件，甚至是一個(gè)應(yīng)用程序。

 點(diǎn)我

 target:

　　_blank表示在新標(biāo)簽頁(yè)中打開(kāi)目標(biāo)網(wǎng)頁(yè)

　　_self表示在當(dāng)前標(biāo)簽頁(yè)中打開(kāi)目標(biāo)網(wǎng)頁(yè)

href屬性指定目標(biāo)網(wǎng)頁(yè)地址。該地址可以有幾種類(lèi)型：

　　絕對(duì)URL - 指向另一個(gè)站點(diǎn)（比如 href="http://www.jd.com）
　　相對(duì)URL - 指當(dāng)前站點(diǎn)中確切的路徑（href="index.htm"） #學(xué)django的時(shí)候會(huì)用的比較多
　　錨URL - 指向頁(yè)面中的錨（href="#top"），博客的目錄經(jīng)常用到，還可以跳轉(zhuǎn)到 name屬性為p1的a標(biāo)簽上，xxx

列表 

1.無(wú)序列表

  第一項(xiàng)

type屬性：

　　disc（實(shí)心圓點(diǎn)，默認(rèn)值）
　　circle（空心圓圈）
　　square（實(shí)心方塊）
　　none（無(wú)樣式）

2.有序列表

  第一項(xiàng)

type屬性： start是從數(shù)字幾開(kāi)始

　　1 數(shù)字列表，默認(rèn)值
　　A 大寫(xiě)字母
　　a 小寫(xiě)字母
　　Ⅰ大寫(xiě)羅馬
　?、⌒?xiě)羅馬

3.標(biāo)題列表

  標(biāo)題1

表格 

表格是一個(gè)二維數(shù)據(jù)空間，一個(gè)表格由若干行組成，一個(gè)行又有若干單元格組成，單元格里可以包含文字、列表、圖案、表單、數(shù)字符號(hào)、預(yù)置文本和其它的表格等內(nèi)容。

　　表格最重要的目的是顯示表格類(lèi)數(shù)據(jù)。表格類(lèi)數(shù)據(jù)是指最適合組織為表格格式（即按行和列組織）的數(shù)據(jù)。

　　表格的基本結(jié)構(gòu)：

  序號(hào)

 效果如圖：

屬性:
　　border: 表格邊框.
　　cellpadding: 內(nèi)邊距 （內(nèi)邊框和內(nèi)容的距離）
　　cellspacing: 外邊距.（內(nèi)外邊框的距離）
　　width: 像素 百分比.（最好通過(guò)css來(lái)設(shè)置長(zhǎng)寬）
　　rowspan: 單元格豎跨多少行
　　colspan: 單元格橫跨多少列（即合并單元格）

一般很少用上面這些屬性

input標(biāo)簽 

元素會(huì)根據(jù)不同的 type 屬性，變化為多種形態(tài)

input屬性說(shuō)明：

　　name：表單提交時(shí)的“鍵”，注意和id的區(qū)別
　　value：表單提交時(shí)對(duì)應(yīng)項(xiàng)的值
　　　　type="button", "reset", "submit"時(shí)，為按鈕上顯示的文本年內(nèi)容
　　　　type="text","password","hidden"時(shí)，為輸入框的初始值
　　　　type="checkbox", "radio", "file"，為輸入相關(guān)聯(lián)的值
　　checked：radio和checkbox默認(rèn)被選中的項(xiàng)
　　readonly：text和password設(shè)置只讀
　　disabled：所有input均適用

代碼示例：

賬戶(hù)

顯示效果：