head中主要有以下標(biāo)簽:
meta - 定義了HTML文檔中的元數(shù)據(jù)(設(shè)置網(wǎng)頁(yè)的基本設(shè)置)
title - 設(shè)置網(wǎng)頁(yè)標(biāo)題
style - 在html中提供CSS代碼對(duì)應(yīng)的標(biāo)簽
link - 導(dǎo)入圖標(biāo)/CSS文件的標(biāo)簽
script - 導(dǎo)入js代碼/文件的標(biāo)簽
base - url基本地址
rel - 設(shè)置文件作用只厘;stylesheet:樣式表舅巷,icon:圖標(biāo)
type - 設(shè)置文件類型, 文件類型/文件后綴;text/css: 文本/后綴是css, image/ico: 圖片/后綴是ico
href - 設(shè)置文件路徑; 可以是絕對(duì)路徑也可以是相對(duì)路徑
1.標(biāo)題標(biāo)簽(h1-h6)
雙標(biāo)簽
一個(gè)標(biāo)簽占一行
2.段落標(biāo)簽(p標(biāo)簽)
雙標(biāo)簽钠右,保證一個(gè)段落對(duì)應(yīng)一個(gè)p標(biāo)簽
一個(gè)標(biāo)簽占一行
- font標(biāo)簽
雙標(biāo)簽
一行可以有多個(gè)
4.文字效果相關(guān)標(biāo)簽
在HTML中直接敲或者空格爬舰、縮進(jìn)是無(wú)效的。
- 單標(biāo)簽坪仇,往網(wǎng)頁(yè)中的內(nèi)容強(qiáng)制換行
? - 一個(gè)像素(一個(gè)" "代表空一個(gè)像素)
? - 一個(gè)空格
<b></b> - 加粗
<strong></strong> - 加粗(有強(qiáng)調(diào)的意義)
<i></i> - 傾斜
<em></em> - 傾斜(有強(qiáng)調(diào)的意義)
1.無(wú)序列表(ul)
ul標(biāo)簽 - 代表列表容器垃你,是一個(gè)整體
li標(biāo)簽 - 列表中的元素
2.有序列表(ol)
ol標(biāo)簽 - 代表列表容器喂很,是一個(gè)整體
li標(biāo)簽 - 列表中的元素
3.自定義列表(dl)
dl標(biāo)簽 - 代表列表容器皆刺,是一個(gè)整體
dt標(biāo)簽 - 小分類標(biāo)簽(名詞)
dd標(biāo)簽 - 小分類下面的元素(解釋)
1.圖片標(biāo)簽(img)
單標(biāo)簽
默認(rèn)情況下一行可以顯示多張圖片
a.src屬性:設(shè)置圖片地址/路徑; 可以是本地路徑也可以是網(wǎng)絡(luò)地址
b.title屬性:設(shè)置圖片標(biāo)題(當(dāng)鼠標(biāo)停留在圖片上才會(huì)顯示出來(lái))
c.alt屬性:圖片加載失敗的時(shí)候的提示信息
2.超鏈接(a)
雙標(biāo)簽
1). href屬性:跳轉(zhuǎn)的目的地
a.網(wǎng)址 - 點(diǎn)擊超鏈接直接加載網(wǎng)址對(duì)應(yīng)的網(wǎng)頁(yè)
b.本地html文件地址 - 點(diǎn)擊超鏈接直接加載本地html文件對(duì)應(yīng)的網(wǎng)頁(yè)
c.# - 刷新
d.選擇器 - 讓當(dāng)前頁(yè)面滾動(dòng)到指定的位置