HTML中的標(biāo)簽都是用來(lái)添加語(yǔ)義的娘香,而不是用來(lái)修改樣式的斜姥!
1.H標(biāo)簽和P標(biāo)簽
1.1H系列標(biāo)簽有六個(gè)<H1>-<H6>。
1.2P標(biāo)簽是表明被包裹的視為段落。
H1標(biāo)簽的作用是用來(lái)告訴瀏覽器, 哪些文字是標(biāo)題. 也就是H1標(biāo)簽是專(zhuān)門(mén)用于給指定的文字添加標(biāo)題語(yǔ)義的歇式。
2.hr標(biāo)簽
格式:<hr>or<hr/>
水平線(xiàn)或者分割線(xiàn)
3.注釋?zhuān)?/p>
格式:ctrl+/
理解:代碼的解釋啡氢。
4.br標(biāo)簽
格式:
5.img標(biāo)簽
格式:<img sre=“URL” ?width=“320” height=“240” title=“鼠標(biāo)懸停要顯示的文字” >
width:圖片的寬度
height:圖片的高度
title:鼠標(biāo)懸停要顯示的文字
6.路徑問(wèn)題:
同級(jí)時(shí)候:直接寫(xiě)圖片的名稱(chēng)
下級(jí)時(shí)候:寫(xiě)在同一文件夾的名稱(chēng)/圖片的名稱(chēng)
上級(jí)時(shí)候:返回上一級(jí)就寫(xiě)../
注意點(diǎn):一般使用相對(duì)路徑賦值孩等,絕對(duì)路徑可移植性不好斥赋,
一般路徑采用的是反斜杠/,而不是正斜杠\氛琢。
7.a標(biāo)簽
格式:<a href="https://www.baidu.com" target="_blank" title="鼠標(biāo)懸停時(shí)候要顯示的文字內(nèi)容">要顯示的用戶(hù)看的內(nèi)容</a>
7.1一個(gè)a標(biāo)簽必須有一個(gè)href屬性喊递,如果是指定的URL地址要在前面加上http:/或者h(yuǎn)ttps:/,href屬性可以指定網(wǎng)絡(luò)地址和本地地址阳似。
例子https://www.baidu.com指的是要跳轉(zhuǎn)的界面
target屬性有:_self(在自身頁(yè)面跳轉(zhuǎn))和_blank(新建網(wǎng)頁(yè)跳轉(zhuǎn))
title就是鼠標(biāo)懸停時(shí)候要顯示的文字內(nèi)容
8.base標(biāo)簽
格式:<base target="_self">或者<base target="_blank">
8.1base是在<head>標(biāo)簽的開(kāi)始和結(jié)束之間
8.2如果a標(biāo)簽頁(yè)指定了target以a標(biāo)簽的為準(zhǔn)骚勘。
9.假鏈接
格式:#或者JavaScript:
定義:企業(yè)開(kāi)發(fā)先用假鏈接設(shè)置第一界面,后期可以使用真的鏈接代入撮奏,點(diǎn)擊之后不會(huì)跳轉(zhuǎn)调鲸。
#:具有回頂功能
10.錨點(diǎn)
格式:<a href="#center">跳轉(zhuǎn)到中部</a>
? ? ? ? ? ?<h2 id="center">我是中部</h2>
11.列表
11.1格式:<ul>
? ? ? ? ? ? ? ? ? ? ? ? ? ?<li>
? ? ? ? ? ? ? ? ? ? ? ? ? ?</li>
? ? ? ? ? ? ? ? ? ? ?</ul>
快捷方式:ul>li*X(X為多少個(gè)li)
11.2HTML列表標(biāo)簽的分類(lèi):
無(wú)序列表(unordered list):最多
格式:<ul>
? ? ? ? ? ? ? ? ? ? ? ?<li></li>
? ? ? ? ? ?</ul>
有序列表(ordered list):最少
格式:<ol>
? ? ? ? ? ? ? ?<li></li>
? ? ? ? ?</ol>
定義列表(difinition list):其次
格式:<dl>
? ? ? ? ? ? ? ? ? <dt></dt>
? ? ? ? ? ? ? ? ? <dd></dd>
? ? ? ? ? ?<dl>