HTML常用標簽超詳細整理
HTML概述
1.1 什么是HTML
HTML是做網(wǎng)站的、Web開發(fā)、互聯(lián)網(wǎng)生態(tài)開發(fā)(PC端+移動端+微應用) 目前我們使用的都是HTML5,支持傳統(tǒng)的PC端開發(fā)，還支持移動端開發(fā)還支持微應用開發(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標簽的展示風格
HTML常用基礎標簽
HTML文件的骨架:
Head標簽：其中可以對網(wǎng)頁進行整體設置
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)一設置，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)一設置頁面超鏈接的顯示目標< base target="_blank" / > 用法2：用于錨記頁面中的某個位置或其他頁面中的某個位置
10.列表標簽
(1)有序列表
< ol >
< li >列表項< /li >
< /ol >
(2)無序列表
(1) 自定義列表
dl：外圍標簽
dt：列表的標題標簽
dd：設置列表的具體列表項
11.marquee標簽
12.文本設置標簽
< b >< /b >字體加粗
< i >< /i >設置斜體
< u >< /u >設置文本下劃線
< s >< /s >在文本上設置一個刪除線
13.其他基本標簽
2< sup >n< /sup >：設置上標
log< sub>10< /sub>10:設置下標
以上就是HTML概述及常用標簽，歡迎各位在評論區(qū)留言一起討論學習~，如果覺得不錯三連支持一下
到此這篇關(guān)于HTML常用標簽超詳細整理的文章就介紹到這了,更多相關(guān)HTML 標簽內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
CSS圓角區(qū)塊容器生成器...2006-07-07
CSS基礎學習...2006-09-09
自定義容器和字體大小...2006-07-07
如何禁止打印頁面...2006-08-08
利用CSS，鏈接下劃線也玩自定義...2006-09-09
HTML中的圖象標簽屬性...2006-08-08
哈嘍哈嘍！CSS真的好好玩啊，哈哈，反正我是愛了，空閑寫著玩。畫畫不好的我樂了，下面就是一個用CSS3動畫完成的模仿水珠的動效，其中主要就是會使用CSS設置陰影效果以及@keyframes關(guān)鍵幀和一些選擇器的技術(shù)，快來學習吧2021-08-08
HTML標記...2006-07-07
FCKeditor 實戰(zhàn)技巧...2006-10-10
全面考察“禁用瀏覽器后退”...2006-10-10