常用標(biāo)簽
Html標(biāo)簽:
作用所有html中標(biāo)簽的一個(gè)根節(jié)點(diǎn)泄朴。
Head標(biāo)簽:
作用:用于存放:
title,meta,base,style,script,link
注意:每個(gè)head標(biāo)簽中都必須有一個(gè)有title標(biāo)簽,其它的可選露氮。
Body標(biāo)簽:
作用:用于存放所有的html的結(jié)構(gòu)標(biāo)簽:
p,h,a,b,u,i,s,em,del,ins,strong,ul,li,ol,
Title標(biāo)簽:
作用:讓頁(yè)面擁有一個(gè)屬于自己的標(biāo)題胎许。
meta 標(biāo)簽:
常用用法:
1.Description:可以描述頁(yè)面,可以用來(lái)使用百度程序(網(wǎng)絡(luò)爬蟲)來(lái)收錄關(guān)鍵信息酪我,以此提高頁(yè)面的排名茎芋。
2.Keywords:關(guān)鍵詞,可以用來(lái)提高頁(yè)面的關(guān)健詞的比重(前升排名的一種方式)
3.字符集(編碼格式):charset
gbk,utf-8之間的區(qū)別:
相同點(diǎn):都是字符的編碼格式。
區(qū)別:
utf-8:收錄是全世界所有的語(yǔ)言中的文字详民。
gbk:收錄了漢字延欠,片假名。
大猩蚩纭:
utf-8>gbk
性能:
uft-8
約定:將來(lái)我們?cè)谡麄€(gè)學(xué)習(xí)過(guò)程中都用utf-8;
utf-8存儲(chǔ)一個(gè)漢字占3個(gè)字節(jié)由捎,
gbk存儲(chǔ)一個(gè)漢字上2個(gè)字節(jié)
標(biāo)簽的分類:
雙標(biāo)簽:有開(kāi)始有結(jié)束,開(kāi)始和結(jié)束之間是存在內(nèi)容
單標(biāo)簽:只有一個(gè)標(biāo)簽饿凛,自己閉合自己標(biāo)簽與標(biāo)簽之間的關(guān)系:
嵌套關(guān)系:一個(gè)標(biāo)簽包含另外一個(gè)標(biāo)簽狞玛,他們之間構(gòu)造父子關(guān)系。
并列關(guān)系:兩個(gè)標(biāo)簽并列涧窒,他們構(gòu)造兄弟關(guān)系心肪。
注意:將來(lái)在書寫代碼的時(shí)候如果兩個(gè)標(biāo)簽之間的關(guān)系是嵌套關(guān)系,最好通過(guò)代碼直接反映出來(lái)(子元素相對(duì)于父元素有一個(gè)縮進(jìn))纠吴。如果是并列關(guān)系硬鞍,最好要有對(duì)齊。
h系列的標(biāo)簽(Header):h1,h2,h3,h4,h5,h6
作用:把頁(yè)面上的文字加上標(biāo)題的語(yǔ)義戴已。
h1,h2,h3,h4,h5,h6:將文字放大固该,加粗.并且逐漸變小。(h1標(biāo)簽是最大的糖儡。)
p標(biāo)簽(Paragraph):段落標(biāo)簽
作用:給頁(yè)面的上一段文字加上段落的說(shuō)語(yǔ)義
在footer的時(shí)候可以的
hr標(biāo)簽
作用:在頁(yè)面顯示一條橫線
br標(biāo)簽
作用:換行
b u i s(沒(méi)有語(yǔ)義)? strong ins em del
作用:
b:加粗
u: 下劃線
i:? 傾斜
s: 刪除線
建議在含有語(yǔ)義化情景時(shí)盡量不要使用伐坏,因?yàn)檫@些標(biāo)簽沒(méi)有語(yǔ)義。
有語(yǔ)義
strong:加粗
ins:下劃線
em:傾斜
del:刪除線
Img標(biāo)簽
作用:在頁(yè)面顯示一張圖片
屬性1:src ?圖片顯示的路徑
屬性2: alt 如果圖片加載不出來(lái)會(huì)顯示這個(gè)屬性中的文字
屬性3:介紹這張圖片
a標(biāo)簽(錨)
作用:可以在一個(gè)頁(yè)面跳轉(zhuǎn)到另一個(gè)頁(yè)面握联。注意:在a標(biāo)簽之內(nèi)必須要寫上文字桦沉,如果沒(méi)有,那么這個(gè)標(biāo)簽在頁(yè)面上找不到拴疤。
1.可以跳轉(zhuǎn)到另外的頁(yè)面永部。
2.可以不跳轉(zhuǎn)(跳轉(zhuǎn)到當(dāng)前頁(yè)面)href=”#”
3.可以在當(dāng)前頁(yè)面進(jìn)行定位。? ? ?
?A.設(shè)置a標(biāo)簽的href屬性為“#id名”
?B.在頁(yè)面的指定位置加入一個(gè)目標(biāo)標(biāo)簽(可以是任意標(biāo)簽)? ? ?
?C.必須給這個(gè)標(biāo)簽設(shè)置一個(gè)id名:
4.在一個(gè)頁(yè)面跳轉(zhuǎn)到指定的頁(yè)面的指定的位置呐矾。
a標(biāo)簽的其它屬性
1.href? a標(biāo)簽跳轉(zhuǎn)的目標(biāo)地址
2.target?
?_blank:保留原始頁(yè)面苔埋,再進(jìn)行跳轉(zhuǎn)
_self:在當(dāng)前頁(yè)面進(jìn)行跳轉(zhuǎn)
3.base?
為頁(yè)面上所有的a標(biāo)簽設(shè)置跳轉(zhuǎn)的方式(base標(biāo)簽一般放在titile標(biāo)簽下面)
路徑問(wèn)題:
第一種:絕對(duì)路徑
帶有盤符的路徑:C:\上課內(nèi)容\01html第一天\4-源代碼\1.jpg.
第二種:相對(duì)路徑
由頁(yè)面是一個(gè)文件,圖片 也是一個(gè)文件蜒犯,而現(xiàn)在需要在頁(yè)面上輸出圖片组橄,所以需要得到圖片相對(duì)于文件的路徑.
a.如果頁(yè)面與圖片在同一目錄下面:
<img src="1.jpg" >
b.如果頁(yè)面在圖片一上級(jí)目錄:
<img src="img/1.jpg">
c.如果圖片在頁(yè)面的上一級(jí)目錄:
<img src="../img/1.jpg">
問(wèn)題:那么將來(lái)我們?cè)趯?shí)際開(kāi)發(fā)中到底是用絕對(duì)路徑,還是用相對(duì)路徑罚随?玉工?
只要不出意外情況都是用相對(duì)路徑:因?yàn)橄鄬?duì)路徑的可移植性要強(qiáng)。
無(wú)序列表 ul li
有序列表 ol
自定義列表 dl dt dd