前端常用標(biāo)簽集合(一)
1.標(biāo)題標(biāo)簽 h1
為了使網(wǎng)頁(yè)具有語(yǔ)義化,我們一般會(huì)在頁(yè)面用標(biāo)題標(biāo)簽,標(biāo)題標(biāo)簽一共有六個(gè)等級(jí),并且逐漸遞減
一級(jí)標(biāo)題
二級(jí)標(biāo)題
三級(jí)標(biāo)題
四級(jí)標(biāo)題
五級(jí)標(biāo)題
六級(jí)標(biāo)題
特點(diǎn):
加了標(biāo)題標(biāo)簽的文字會(huì)變大變粗
一個(gè)標(biāo)題獨(dú)占一行
2.段落標(biāo)簽和換行標(biāo)簽
2.1 p
在頁(yè)面中一般使用段落p標(biāo)簽將文字分段
這是一個(gè)段落
特點(diǎn):
文本會(huì)隨著瀏覽器窗口大小變化而自動(dòng)換行
段落與段落之間有空格
取自單詞paragraph,意為段落
2.2 br
在頁(yè)面中,文字通常不會(huì)換行,除非到了瀏覽器窗口最右側(cè)才會(huì)自動(dòng)換行,如果想強(qiáng)制換行,需要使用換行標(biāo)簽br
此處與之后文本之間有換行
111
取自單詞break縮寫(xiě),為打斷、換行
3.文本格式化標(biāo)簽
1.加粗:
1.1 strong
推薦此標(biāo)簽加粗
1.2 b
加粗
2.傾斜:
2.1 em
推薦傾斜標(biāo)簽
2.2 i
傾斜標(biāo)簽
3.刪除線:
3.1 del
推薦刪除線標(biāo)簽
3.2 s
推薦刪除線標(biāo)簽
4.下劃線標(biāo)簽
4.1 ins
推薦下劃線標(biāo)簽
4.2 u
推薦下劃線標(biāo)簽
4.盒子標(biāo)簽div與span
div與span沒(méi)有語(yǔ)義,就像是一個(gè)盒子,用來(lái)裝內(nèi)容
div取自division縮寫(xiě),意為分割、分區(qū),span意為跨度、跨距
特點(diǎn):
div標(biāo)簽用來(lái)布局,一般情況下。div標(biāo)簽自己獨(dú)占一行---大盒子
span標(biāo)簽也是用來(lái)布局的,一般是行內(nèi)標(biāo)簽,在一行中可以有多個(gè)span標(biāo)簽 --- 小盒子
5.圖像標(biāo)簽和路徑
5.1 路徑
路徑就是我們平常所說(shuō)的文件夾或者目錄,一般分為相對(duì)路徑和絕對(duì)路徑
相對(duì)路徑:以當(dāng)前文件位置為參考
絕對(duì)路徑:以根目錄位置為參考
例:C:\web\a\b\c.jpg
http://www.baidu.com/robots.txt
5.2 img 標(biāo)簽
想要在html頁(yè)面中插入圖像,可以使用img標(biāo)簽
取自單詞image縮寫(xiě),意為圖像
src屬性是img必須屬性,決定了圖像文件的路徑
其他屬性:
6. 超鏈接標(biāo)簽
6.1 a標(biāo)簽
a標(biāo)簽主要來(lái)定義超鏈接,就是從一個(gè)頁(yè)面鏈接到另一個(gè)頁(yè)面
取自單詞anchor的縮寫(xiě),意為錨
鏈接分類(lèi):
7.注釋和特殊字符
7.1注釋
在HTML文檔中添加一些便于人類(lèi)理解又不想讓機(jī)器解析的文字,就可以使用注釋
快捷鍵:ctrl + /
7.2 特殊字符
在HTML中,有一些特殊符號(hào)不方便直接使用,我們可以用下面的字符替換
重點(diǎn):
空格:
大于>: >
小于<: <
HTML web前端
版權(quán)聲明:本文內(nèi)容由網(wǎng)絡(luò)用戶投稿,版權(quán)歸原作者所有,本站不擁有其著作權(quán),亦不承擔(dān)相應(yīng)法律責(zé)任。如果您發(fā)現(xiàn)本站中有涉嫌抄襲或描述失實(shí)的內(nèi)容,請(qǐng)聯(lián)系我們jiasou666@gmail.com 處理,核實(shí)后本網(wǎng)站將在24小時(shí)內(nèi)刪除侵權(quán)內(nèi)容。