HTML常用標(biāo)簽超詳細(xì)整理
目錄
- HTML概述
- 1.1什么是HTML
- 1.2HTML概念
- HTML常用基礎(chǔ)標(biāo)簽
- 標(biāo)簽的分類(lèi):
- 常用基本標(biāo)簽
HTML概述
1.1 什么是HTML
HTML是做網(wǎng)站的、Web開(kāi)發(fā)、互聯(lián)網(wǎng)生態(tài)開(kāi)發(fā)(PC端+移動(dòng)端+微應(yīng)用) 目前我們使用的都是HTML5,支持傳統(tǒng)的PC端開(kāi)發(fā)，還支持移動(dòng)端開(kāi)發(fā)還支持微應(yīng)用開(kāi)發(fā),從而替換了部分傳統(tǒng)的移動(dòng)端開(kāi)發(fā)技術(shù)
1.2 HTML概念
HTML:Hyper Text Markup Language，超文本標(biāo)記語(yǔ)言。是用來(lái)幫助我們構(gòu)建網(wǎng)頁(yè)的。
【超文本】：網(wǎng)頁(yè)本身是一個(gè)文本文件，而超文本指的是這種文件中既可以包含文本信息，又可以包含圖片，音頻，視頻和鏈接等非文字的信息。
【標(biāo)記語(yǔ)言】：標(biāo)記，也叫做標(biāo)簽。也就是說(shuō)HTML這門(mén)語(yǔ)言是由標(biāo)簽組成的。
HTML的標(biāo)簽包含以下兩種:
(1) 帶有標(biāo)簽體的標(biāo)簽< a>標(biāo)簽體< /a >
(2) 不帶標(biāo)簽體的標(biāo)簽(自結(jié)束標(biāo)簽)< br/>,< hr/>
HTML通過(guò)提前約定好的標(biāo)簽來(lái)構(gòu)建我們的網(wǎng)頁(yè)內(nèi)容，通過(guò)瀏覽器來(lái)進(jìn)行解釋執(zhí)行
瀏覽器是一個(gè)HTML的解釋器，在瀏覽器中內(nèi)置了一個(gè)解釋器，該解釋器中包含了所有HTML標(biāo)簽的展示風(fēng)格
HTML常用基礎(chǔ)標(biāo)簽
HTML文件的骨架:
Head標(biāo)簽：其中可以對(duì)網(wǎng)頁(yè)進(jìn)行整體設(shè)置
Body標(biāo)簽：是HTML的正文標(biāo)簽,我們?cè)诰W(wǎng)頁(yè)上能看到的內(nèi)容都寫(xiě)在該標(biāo)簽中
HTML的IDE工具
(1) DW(Dreamweaver)
(2) HBuilder
(3) Subline
(4) VSCode
(5) WebStorm
(6) 記事本
(7) 其他編程語(yǔ)言的IDE工具
標(biāo)簽的分類(lèi):
1.帶有標(biāo)簽體的標(biāo)簽，這種標(biāo)簽成對(duì)出現(xiàn);有開(kāi)始標(biāo)簽也有單獨(dú)的結(jié)束標(biāo)簽,:<html></html>,<head></head>,<body></body>
2.沒(méi)有標(biāo)簽體的標(biāo)簽（空標(biāo)簽，自結(jié)束標(biāo)簽）,開(kāi)始在結(jié)束在同一個(gè)標(biāo)簽中<br />,<hr />
常用基本標(biāo)簽
1.標(biāo)題標(biāo)簽hn(h1——h6)
2.字體標(biāo)簽(font)
3.段落標(biāo)簽（p）
主要用于將一段內(nèi)容包裹起來(lái)，便于后期的統(tǒng)一設(shè)置，p標(biāo)簽本身沒(méi)有效果,標(biāo)簽內(nèi)的內(nèi)容與標(biāo)簽外的內(nèi)容空一行（自動(dòng)換行）
4.換行標(biāo)簽(br)
< br/ >換行標(biāo)簽，中間不空行
5.水平線標(biāo)簽(hr)
< hr/ >
6.圖片標(biāo)簽(img)
< img src=”圖片地址” width=”寬度” height=”高度” / >
7.背景音樂(lè)(audio)
< audio src=”音樂(lè)” autoplay=“autoplay” loop=”loop”/ >
8.視頻(video)
在H5之前大多數(shù)視頻使用flash插件實(shí)現(xiàn)的，但flash插件加載速度較慢，在H5之后專(zhuān)門(mén)提供了一個(gè)視頻的標(biāo)簽;
9.超鏈接標(biāo)簽(a)
用法1：超鏈接:主要用于將多個(gè)頁(yè)面關(guān)聯(lián)到一起，使用超鏈接可以直接訪問(wèn)另一個(gè)頁(yè)面;
通過(guò)base標(biāo)簽統(tǒng)一設(shè)置頁(yè)面超鏈接的顯示目標(biāo)< base target="_blank" / > 用法2：用于錨記頁(yè)面中的某個(gè)位置或其他頁(yè)面中的某個(gè)位置
10.列表標(biāo)簽
(1)有序列表
< ol >
< li >列表項(xiàng)< /li >
< /ol >
(2)無(wú)序列表
(1) 自定義列表
dl：外圍標(biāo)簽
dt：列表的標(biāo)題標(biāo)簽
dd：設(shè)置列表的具體列表項(xiàng)
11.marquee標(biāo)簽
12.文本設(shè)置標(biāo)簽
< b >< /b >字體加粗
< i >< /i >設(shè)置斜體
< u >< /u >設(shè)置文本下劃線
< s >< /s >在文本上設(shè)置一個(gè)刪除線
13.其他基本標(biāo)簽
2< sup >n< /sup >：設(shè)置上標(biāo)
log< sub>10< /sub>10:設(shè)置下標(biāo)
以上就是HTML概述及常用標(biāo)簽，歡迎各位在評(píng)論區(qū)留言一起討論學(xué)習(xí)~，如果覺(jué)得不錯(cuò)三連支持一下
到此這篇關(guān)于HTML常用標(biāo)簽超詳細(xì)整理的文章就介紹到這了,更多相關(guān)HTML 標(biāo)簽內(nèi)容請(qǐng)搜索以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持！
相關(guān)文章：
1. HTML DOM setInterval和clearInterval方法案例詳解2. WML語(yǔ)言的基本情況3. 使用css實(shí)現(xiàn)全兼容tooltip提示框4. CSS hack用法案例詳解5. 低版本IE正常運(yùn)行HTML5+CSS3網(wǎng)站的3種解決方案6. css代碼優(yōu)化的12個(gè)技巧7. CSS3實(shí)例分享之多重背景的實(shí)現(xiàn)(Multiple backgrounds)8. 使用純HTML的通用數(shù)據(jù)管理和服務(wù)9. 告別AJAX實(shí)現(xiàn)無(wú)刷新提交表單10. css進(jìn)階學(xué)習(xí) 選擇符
網(wǎng)公網(wǎng)安備