HTML常用標簽超詳細整理
目錄
- HTML概述
- 1.1什么是HTML
- 1.2HTML概念
- HTML常用基礎(chǔ)標簽
- 標簽的分類:
- 常用基本標簽
HTML概述
1.1 什么是HTML
HTML是做網(wǎng)站的、Web開發(fā)、互聯(lián)網(wǎng)生態(tài)開發(fā)(PC端+移動端+微應(yīng)用) 目前我們使用的都是HTML5,支持傳統(tǒng)的PC端開發(fā),還支持移動端開發(fā)還支持微應(yīng)用開發(fā),從而替換了部分傳統(tǒng)的移動端開發(fā)技術(shù)
1.2 HTML概念
HTML:Hyper Text Markup Language,超文本標記語言。是用來幫助我們構(gòu)建網(wǎng)頁的。
【超文本】:網(wǎng)頁本身是一個文本文件,而超文本指的是這種文件中既可以包含文本信息,又可以包含圖片,音頻,視頻和鏈接等非文字的信息。
【標記語言】:標記,也叫做標簽。也就是說HTML這門語言是由標簽組成的。
HTML的標簽包含以下兩種:
(1) 帶有標簽體的標簽< a>標簽體< /a >
(2) 不帶標簽體的標簽(自結(jié)束標簽)< br/>,< hr/>
HTML通過提前約定好的標簽來構(gòu)建我們的網(wǎng)頁內(nèi)容,通過瀏覽器來進行解釋執(zhí)行
瀏覽器是一個HTML的解釋器,在瀏覽器中內(nèi)置了一個解釋器,該解釋器中包含了所有HTML標簽的展示風(fēng)格
HTML常用基礎(chǔ)標簽
HTML文件的骨架:

Head標簽:其中可以對網(wǎng)頁進行整體設(shè)置
Body標簽:是HTML的正文標簽,我們在網(wǎng)頁上能看到的內(nèi)容都寫在該標簽中
HTML的IDE工具
(1) DW(Dreamweaver)
(2) HBuilder
(3) Subline
(4) VSCode
(5) WebStorm
(6) 記事本
(7) 其他編程語言的IDE工具
標簽的分類:
1.帶有標簽體的標簽,這種標簽成對出現(xiàn);有開始標簽也有單獨的結(jié)束標簽,:<html></html>,<head></head>,<body></body>
2.沒有標簽體的標簽(空標簽,自結(jié)束標簽),開始在結(jié)束在同一個標簽中<br />,<hr />
常用基本標簽
1.標題標簽hn(h1——h6)

2.字體標簽(font)

3.段落標簽(p)

主要用于將一段內(nèi)容包裹起來,便于后期的統(tǒng)一設(shè)置,p標簽本身沒有效果,標簽內(nèi)的內(nèi)容與標簽外的內(nèi)容空一行(自動換行)
4.換行標簽(br)
< br/ >換行標簽,中間不空行
5.水平線標簽(hr)
< hr/ >

6.圖片標簽(img)
< img src=”圖片地址” width=”寬度” height=”高度” / >

7.背景音樂(audio)
< audio src=”音樂” autoplay=“autoplay” loop=”loop”/ >

8.視頻(video)
在H5之前大多數(shù)視頻使用flash插件實現(xiàn)的,但flash插件加載速度較慢,在H5之后專門提供了一個視頻的標簽;
9.超鏈接標簽(a)
用法1:超鏈接:主要用于將多個頁面關(guān)聯(lián)到一起,使用超鏈接可以直接訪問另一個頁面;

通過base標簽統(tǒng)一設(shè)置頁面超鏈接的顯示目標< base target="_blank" / > 用法2:用于錨記頁面中的某個位置或其他頁面中的某個位置


10.列表標簽
(1)有序列表
< ol >
< li >列表項< /li >
< /ol >

(2)無序列表

(1) 自定義列表
dl:外圍標簽
dt:列表的標題標簽
dd:設(shè)置列表的具體列表項

11.marquee標簽


12.文本設(shè)置標簽
< b >< /b >字體加粗
< i >< /i >設(shè)置斜體
< u >< /u >設(shè)置文本下劃線
< s >< /s >在文本上設(shè)置一個刪除線
13.其他基本標簽
2< sup >n< /sup >:設(shè)置上標
log< sub>10< /sub>10:設(shè)置下標

以上就是HTML概述及常用標簽,歡迎各位在評論區(qū)留言一起討論學(xué)習(xí)~,如果覺得不錯三連支持一下
到此這篇關(guān)于HTML常用標簽超詳細整理的文章就介紹到這了,更多相關(guān)HTML 標簽內(nèi)容請搜索以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持!
相關(guān)文章:

網(wǎng)公網(wǎng)安備