HTML概述

1.1 什么是HTML

HTML是做網站的、Web開發、互聯網生態開發(PC端+移動端+微應用) 目前我們使用的都是HTML5,支持傳統的PC端開發，還支持移動端開發還支持微應用開發,從而替換了部分傳統的移動端開發技術

1.2 HTML概念

HTML:Hyper Text Markup Language，超文本標記語言。是用來幫助我們構建網頁的。

【超文本】：網頁本身是一個文本文件，而超文本指的是這種文件中既可以包含文本信息，又可以包含圖片，音頻，視頻和鏈接等非文字的信息。

【標記語言】：標記，也叫做標簽。也就是說HTML這門語言是由標簽組成的。

HTML的標簽包含以下兩種:

(1) 帶有標簽體的標簽< a>標簽體< /a >

(2) 不帶標簽體的標簽(自結束標簽)< br/>,< hr/>

HTML通過提前約定好的標簽來構建我們的網頁內容，通過瀏覽器來進行解釋執行

瀏覽器是一個HTML的解釋器，在瀏覽器中內置了一個解釋器，該解釋器中包含了所有HTML標簽的展示風格

HTML常用基礎標簽

HTML文件的骨架:

Head標簽：其中可以對網頁進行整體設置

Body標簽：是HTML的正文標簽,我們在網頁上能看到的內容都寫在該標簽中

HTML的IDE工具

(1) DW(Dreamweaver)

(2) HBuilder

(3) Subline

(4) VSCode

(5) WebStorm

(6) 記事本

(7) 其他編程語言的IDE工具

標簽的分類:

1.帶有標簽體的標簽，這種標簽成對出現;有開始標簽也有單獨的結束標簽,:,,
2.沒有標簽體的標簽（空標簽，自結束標簽）,開始在結束在同一個標簽中
,

常用基本標簽

1.標題標簽hn(h1——h6)

2.字體標簽(font)

3.段落標簽（p）

主要用于將一段內容包裹起來，便于后期的統一設置，p標簽本身沒有效果,標簽內的內容與標簽外的內容空一行（自動換行）

4.換行標簽(br)

< br/ >換行標簽，中間不空行

5.水平線標簽(hr)

< hr/ >

6.圖片標簽(img)

< img src=”圖片地址” width=”寬度” height=”高度” / >

7.背景音樂(audio)

< audio src=”音樂” autoplay=“autoplay” loop=”loop”/ >

8.視頻(video)

在H5之前大多數視頻使用flash插件實現的，但flash插件加載速度較慢，在H5之后專門提供了一個視頻的標簽;

9.超鏈接標簽(a)

用法1：超鏈接:主要用于將多個頁面關聯到一起，使用超鏈接可以直接訪問另一個頁面;

通過base標簽統一設置頁面超鏈接的顯示目標< 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概述及常用標簽，歡迎各位在評論區留言一起討論學習~，如果覺得不錯三連支持一下