## HTML基礎(chǔ)-常見(jiàn)標(biāo)簽
# hr標(biāo)簽
# -->
# img標(biāo)簽
# br標(biāo)簽
# p標(biāo)簽
# a標(biāo)簽
# base標(biāo)簽
# 假鏈接
# 錨點(diǎn)
跟有什么區(qū)別?
-html標(biāo)準(zhǔn)和xhtml標(biāo)準(zhǔn)
如何自動(dòng)在內(nèi)容前后加上<></>標(biāo)簽
-快捷鍵command+alt+T
HTML只給文本添加語(yǔ)義而不修改它的樣式
img標(biāo)簽格式
src:source;
img標(biāo)簽自帶屬性
width:
height:
src:
alt:
注意點(diǎn):
-和H系列標(biāo)簽/p標(biāo)簽不同img標(biāo)簽不會(huì)獨(dú)占一行
-img如果不設(shè)置寬高,默認(rèn)是圖片原有的寬高
-如果想要圖片按照原有寬高等比例縮放,可以只設(shè)置圖片的寬度或者高度
title:用于告訴瀏覽器,當(dāng)鼠標(biāo)懸停在圖片上時(shí),需要彈出描述框中的內(nèi)容
alt:占位文字,如果圖片無(wú)法顯示,則會(huì)顯示該占位文字
如何在HTML中換行
1.br標(biāo)簽作用:換行
2.br標(biāo)簽格式:
3.br標(biāo)簽的注意點(diǎn):
-可以用多個(gè)換行多次換行
-br標(biāo)簽的語(yǔ)義是另起一個(gè)段落換行,企業(yè)開(kāi)發(fā)中很少使用
p標(biāo)簽
路徑問(wèn)題
-給src屬性賦值有兩種方式
1.通過(guò)相對(duì)路徑賦值
-同級(jí)
就是每次都從.html文件夾開(kāi)始查找
格式:src=“QRCode.jpg”
含義:在.html文件所在的文件夾中查找文件名為QRCode.jpg的圖片
-下級(jí)
格式:src=“images/QRCode.jpg”
含義:在.html文件所在的文件夾中找到明恒叫做images的文件夾
-上級(jí)
上級(jí)就是存儲(chǔ)圖片的位置和存儲(chǔ)代碼的文件夾在同一文件下
格式:
含義:
2.通過(guò)絕對(duì)路徑賦值(了解)
-絕對(duì)路徑就是通過(guò)指定的盤(pán)符開(kāi)始查找
注意:
-路徑中不要出現(xiàn)中文,否則可能出現(xiàn)一些未知錯(cuò)誤
-相對(duì)路徑不能跨盤(pán)符查找
練習(xí):
-路徑練習(xí)
什么是a標(biāo)簽?
-a標(biāo)簽的作用:就是用于控制頁(yè)面與頁(yè)面之間跳轉(zhuǎn)的
a標(biāo)簽的格式:需要展現(xiàn)給用戶(hù)查看的內(nèi)容
注意點(diǎn):
1.a標(biāo)簽不僅可以讓文字可以點(diǎn)擊,也可以讓圖片可以點(diǎn)擊
2.一個(gè)a標(biāo)簽一定要有一個(gè)href屬性,否則a標(biāo)簽不知道該跳轉(zhuǎn)到哪個(gè)頁(yè)面
3.如果通過(guò)a標(biāo)簽的href屬性指定一個(gè)url地址,那么必須在地址前面加上http://或者h(yuǎn)ttps://
a標(biāo)簽中有一個(gè)target屬性,這個(gè)屬性的作用就是專(zhuān)門(mén)用于控制如何跳轉(zhuǎn)
_self:在當(dāng)前選項(xiàng)卡中跳轉(zhuǎn)
_blank:新建選項(xiàng)卡跳轉(zhuǎn)
a標(biāo)簽中的title屬性
-跟img標(biāo)簽中的title屬性一樣,用于鼠標(biāo)懸停的時(shí)候展示給用戶(hù)查看的內(nèi)容
base標(biāo)簽
-base標(biāo)簽就是專(zhuān)門(mén)用來(lái)統(tǒng)一指定當(dāng)前網(wǎng)頁(yè)中所有的超鏈接(a標(biāo)簽)需要用何種方式打開(kāi)
注意點(diǎn):
1.base標(biāo)簽必須寫(xiě)在head標(biāo)簽的開(kāi)始標(biāo)簽和結(jié)束標(biāo)簽之間
2.如果在base中指定了打開(kāi)方式,又在a標(biāo)簽中指定了打開(kāi)方式,則以a標(biāo)簽的來(lái)執(zhí)行
什么是假鏈接
-點(diǎn)擊之后不會(huì)跳轉(zhuǎn)的鏈接
假鏈接存在的意義
-在企業(yè)開(kāi)發(fā)的前期,其他界面都沒(méi)有寫(xiě)出來(lái),那么我們就不知道應(yīng)該跳轉(zhuǎn)到什么地方,所以就只能使用假鏈接來(lái)替代
假鏈接的格式
1.#
2.javascript:
兩者之間的區(qū)別:
#的假鏈接會(huì)自動(dòng)回到網(wǎng)頁(yè)的頂部,而javascript:的假鏈接不會(huì)自動(dòng)回到網(wǎng)頁(yè)的頂部
錨點(diǎn)
在HTML中,每一個(gè)標(biāo)簽都有一個(gè)名稱(chēng)叫做id的屬性,這個(gè)屬性就是用來(lái)給標(biāo)簽指定一個(gè)獨(dú)一無(wú)二的身份證號(hào)碼
要通過(guò)a標(biāo)簽跳轉(zhuǎn)到某個(gè)指定的位置分為兩步
1.給目標(biāo)位置指定一個(gè)id屬性
2.告訴a標(biāo)簽要跳轉(zhuǎn)的位置對(duì)應(yīng)的id
格式:
我是中部
注意點(diǎn):
1.通過(guò)a標(biāo)簽跳轉(zhuǎn)到指定的位置,是沒(méi)有過(guò)渡動(dòng)畫(huà)的
2.a標(biāo)簽除了可以跳轉(zhuǎn)到當(dāng)前界面指定的位置以外也可以跳轉(zhuǎn)到其他頁(yè)面的指定頁(yè)面
格式:
我是底部
----自己添加
font標(biāo)簽
屬性:
face:字體
