HTML常用標籤超詳細整理

2022-03-17 19:01:56

HTML概述

1.1 什麼是HTML

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

1.2 HTML概念

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

【超文字】：網頁本身是一個文字檔案，而超文字指的是這種檔案中既可以包含文字資訊，又可以包含圖片，音訊，視訊和連結等非文字的資訊。

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

HTML的標籤包含以下兩種:

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

(2) 不帶標籤體的標籤(自結束標籤) ,< 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.帶有標籤體的標籤，這種標籤成對出現;有開始標籤也有單獨的結束標籤,:<html></html>,<head></head>,<body></body>
2.沒有標籤體的標籤（空標籤，自結束標籤）,開始在結束在同一個標籤中 ,<hr />

常用基本標籤

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

2.字型標籤(font)

3.段落標籤（p）

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

4.換行標籤(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.文字設定標籤

字型加粗

設定斜體

設定文字下劃線

< s >< /s >在文字上設定一個刪除線

13.其他基本標籤

2n：設定上標

log1010:設定下標

以上就是HTML概述及常用標籤，歡迎各位在評論區留言一起討論學習~，如果覺得不錯三連支援一下

到此這篇關於HTML常用標籤超詳細整理的文章就介紹到這了,更多相關HTML 標籤內容請搜尋it145.com以前的文章或繼續瀏覽下面的相關文章希望大家以後多多支援it145.com！