前端常用標(biāo)簽集合(一)

      網(wǎng)友投稿 838 2022-05-30

      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)容

      這是一個(gè)div標(biāo)簽
      這是一個(gè)span標(biāo)簽

      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è)面

      文本或圖像內(nèi)容

      取自單詞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)容。

      上一篇:專(zhuān)業(yè)工具軟件課程說(shuō)明與資料下載
      下一篇:Kubernetes學(xué)習(xí)必備-awesome-kubernetes-notes
      相關(guān)文章
      亚洲色无码国产精品网站可下载| 亚洲国产精品一区二区三区久久| 亚洲精品午夜国产va久久| 亚洲AV永久无码精品一百度影院| 国产亚洲情侣久久精品| 亚洲熟妇少妇任你躁在线观看| 亚洲欧洲日本精品| 一区二区三区亚洲| 亚洲黄色中文字幕| 亚洲综合色一区二区三区小说| 精品日韩亚洲AV无码一区二区三区| 91亚洲va在线天线va天堂va国产| 亚洲精品福利视频| 久久综合亚洲色HEZYO社区 | 国产成人亚洲毛片| 亚洲av午夜国产精品无码中文字 | 亚洲理论片在线中文字幕| 亚洲精品无码久久毛片波多野吉衣| 亚洲成人中文字幕| 久久精品国产亚洲av麻豆小说 | 亚洲国产aⅴ成人精品无吗| 亚洲国产日韩a在线播放| 无码天堂va亚洲va在线va| 亚洲av无码国产精品色在线看不卡| 午夜亚洲乱码伦小说区69堂| 亚洲日韩国产成网在线观看| 亚洲综合伊人久久综合| 久久久青草青青亚洲国产免观| 亚洲av无码专区在线播放 | 亚洲韩国—中文字幕| 亚洲视频在线免费播放| 亚洲jjzzjjzz在线播放| 亚洲人成色77777在线观看| 亚洲成a∧人片在线观看无码 | 亚洲成年人在线观看| 亚洲熟妇av一区| 亚洲熟妇AV一区二区三区浪潮| 亚洲?v女人的天堂在线观看| 国产午夜亚洲精品午夜鲁丝片| 亚洲αv在线精品糸列| 亚洲欧洲校园自拍都市|