標(biāo)簽

常用標(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

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末淘菩,一起剝皮案震驚了整個(gè)濱河市遵班,隨后出現(xiàn)的幾起案子屠升,更是在濱河造成了極大的恐慌,老刑警劉巖狭郑,帶你破解...
    沈念sama閱讀 217,084評(píng)論 6 503
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件腹暖,死亡現(xiàn)場(chǎng)離奇詭異,居然都是意外死亡翰萨,警方通過(guò)查閱死者的電腦和手機(jī)脏答,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,623評(píng)論 3 392
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)亩鬼,“玉大人殖告,你說(shuō)我怎么就攤上這事■ǚ妫” “怎么了黄绩?”我有些...
    開(kāi)封第一講書人閱讀 163,450評(píng)論 0 353
  • 文/不壞的土叔 我叫張陵,是天一觀的道長(zhǎng)魄缚。 經(jīng)常有香客問(wèn)我宝与,道長(zhǎng)焚廊,這世上最難降的妖魔是什么冶匹? 我笑而不...
    開(kāi)封第一講書人閱讀 58,322評(píng)論 1 293
  • 正文 為了忘掉前任,我火速辦了婚禮咆瘟,結(jié)果婚禮上嚼隘,老公的妹妹穿的比我還像新娘。我一直安慰自己袒餐,他們只是感情好飞蛹,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,370評(píng)論 6 390
  • 文/花漫 我一把揭開(kāi)白布。 她就那樣靜靜地躺著灸眼,像睡著了一般卧檐。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上焰宣,一...
    開(kāi)封第一講書人閱讀 51,274評(píng)論 1 300
  • 那天霉囚,我揣著相機(jī)與錄音,去河邊找鬼匕积。 笑死盈罐,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的闪唆。 我是一名探鬼主播盅粪,決...
    沈念sama閱讀 40,126評(píng)論 3 418
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼悄蕾!你這毒婦竟也來(lái)了票顾?” 一聲冷哼從身側(cè)響起,我...
    開(kāi)封第一講書人閱讀 38,980評(píng)論 0 275
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤,失蹤者是張志新(化名)和其女友劉穎奠骄,沒(méi)想到半個(gè)月后霸旗,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 45,414評(píng)論 1 313
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡戚揭,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,599評(píng)論 3 334
  • 正文 我和宋清朗相戀三年诱告,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片民晒。...
    茶點(diǎn)故事閱讀 39,773評(píng)論 1 348
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡精居,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出潜必,到底是詐尸還是另有隱情靴姿,我是刑警寧澤,帶...
    沈念sama閱讀 35,470評(píng)論 5 344
  • 正文 年R本政府宣布磁滚,位于F島的核電站佛吓,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏垂攘。R本人自食惡果不足惜维雇,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,080評(píng)論 3 327
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望晒他。 院中可真熱鬧吱型,春花似錦、人聲如沸陨仅。這莊子的主人今日做“春日...
    開(kāi)封第一講書人閱讀 31,713評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)灼伤。三九已至触徐,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間狐赡,已是汗流浹背撞鹉。 一陣腳步聲響...
    開(kāi)封第一講書人閱讀 32,852評(píng)論 1 269
  • 我被黑心中介騙來(lái)泰國(guó)打工, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留猾警,地道東北人孔祸。 一個(gè)月前我還...
    沈念sama閱讀 47,865評(píng)論 2 370
  • 正文 我出身青樓,卻偏偏與公主長(zhǎng)得像发皿,于是被迫代替她去往敵國(guó)和親崔慧。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,689評(píng)論 2 354

推薦閱讀更多精彩內(nèi)容