一、HTML是什麼
HTML的由來
萬維網上的一個超媒體文檔稱之爲一個頁面（外語：page）。作爲一個組織或者個人在萬維網上放置開始點的頁面稱爲主頁（外語：Homepage）或首頁，主頁中通常包括有指向其他相關頁面或其他節點的指針（超級鏈接），所謂超級鏈接，就是一種統一資源定位器（Uniform Resource Locator，外語縮寫：URL）指針，通過激活（點擊）它，可使瀏覽器方便地獲取新的網頁。這也是HTML獲得廣泛應用的最重要的原因之一。在邏輯上將視爲一個整體的一系列頁面的有機集合稱爲網站（Website或Site）。
HTML定義
文本標記語言（Hypertext Markup Language, HTML）是一種用於創建網頁的標記語言。
超級文本標記語言是標準通用標記語言下的一個應用，也是一種規範，一種標準，它通過標記符號來標記要顯示的網頁中的各個部分。
網頁文件本身是一種文本文件，通過在文本文件中添加標記符，可以告訴瀏覽器如何顯示其中的內容（如：文字如何處理，畫面如何安排，圖片如何顯示等）。瀏覽器按順序閱讀網頁文件，然後根據標記符解釋和顯示其標記的內容，對書寫出錯的標記將不指出其錯誤，且不停止其解釋執行過程，編制者只能通過顯示效果來分析出錯原因和出錯部位。但需要注意的是，對於不同的瀏覽器，對同一標記符可能會有不完全相同的解釋，因而可能會有不同的顯示效果。
HTML是一種標記語言（markup language），它不是一種編程語言。
HTML使用標籤來描述網頁。
二、HTML的特徵
1.特點
- 簡易性： 超級文本標記語言版本升級採用超集方式，從而更加靈活方便。
- 可擴展性： 超級文本標記語言的廣泛應用帶來了加強功能，增加標識符等要求，超級文本標記語言採取子類元素的方式，爲系統擴展帶來保證。
- 平臺無關性： 雖然個人計算機大行其道，但使用MAC等其他機器的大有人在，超級文本標記語言可以使用在廣泛的平臺上，這也是萬維網（WWW）盛行的另一個原因。
- 通用性： 另外，HTML是網絡的通用語言,一種簡單、通用的全置標記語言。它允許網頁製作人建立文本與圖片相結合的複雜頁面，這些頁面可以被網上任何其他人瀏覽到，無論使用的是什麼類型的電腦或瀏覽器。
2.基本結構
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<title>title</title>
</head>
<body>
</body>
</html>
1. <!DOCTYPE html>聲明爲HTML5文檔。
2. <html>、</html>是文檔的開始標記和結束的標記。是HTML頁面的根元素，在它們之間是文檔的頭部（head）和主體（body）。
3. <head>、</head>定義了HTML文檔的開頭部分。它們之間的內容不會在瀏覽器的文檔窗口顯示。包含了文檔的元（meta）數據。
4. <title>、</title>定義了網頁標題，在瀏覽器標題欄顯示。
5. <body>、</body>之間的文本是可見的網頁主體內容。
三、HTML標籤格式
1.格式
- HTML標籤是由尖括號包圍的關鍵字，如<html>, <div>等
- HTML標籤通常是成對出現的，比如：<div>和</div>，第一個標籤是開始，第二個標籤是結束。結束標籤會有斜線。
- 也有一部分標籤是單獨呈現的，比如：<br/>、<hr/>、<img src=“1.jpg” />等。
- 標籤裏面可以有若干屬性，也可以不帶屬性。
2.標籤的語法
- <標籤名 屬性1=“屬性值1” 屬性2=“屬性值2”……>內容部分</標籤名>
- <標籤名 屬性1=“屬性值1” 屬性2=“屬性值2”…… />
3.重要的屬性
- id：定義標籤的唯一ID，HTML文檔樹中唯一
- class：爲html元素定義一個或多個類名（classname）(CSS樣式類名)
- style：規定元素的行內樣式（CSS樣式）
4.HTML註釋
<!- -註釋內容- -> 註釋是代碼之母。
四、HTML常用標籤
1.head內的常用標籤
| 標籤 | 意義 |
|---|---|
| <title></title> | 定義網頁標題 |
| <style></style> | 定義內部樣式表 |
| <script></script> | 定義JS代碼或引入外部JS文件 |
| <link/> | 引入外部樣式表文件 |
| <meta/> | 定義網頁原信息 |
1.1 Meta標籤
Meta標籤介紹：
- <meta>元素可提供有關頁面的元信息（mata-information）,針對搜索引擎和更新頻度的描述和關鍵詞。
- <meta>標籤位於文檔的頭部，不包含任何內容。
- <meta>提供的信息是用戶不可見的。
meta標籤的組成：meta標籤共有兩個屬性，它們分別是http-equiv屬性和name 屬性，不同的屬性又有不同的參數值，這些不同的參數值就實現了不同的網頁功能。
- http-equiv屬性：
相當於http的文件頭作用，它可以向瀏覽器傳回一些有用的信息，以幫助正確地顯示網頁內容，與之對應的屬性值爲content，content中的內容其實就是各個參數的變量值。相當於http的文件頭作用，它可以向瀏覽器傳回一些有用的信息，以幫助正確地顯示網頁內容，與之對應的屬性值爲content，content中的內容其實就是各個參數的變量值。
<!--2秒後跳轉到對應的網址，注意引號-->
<meta http-equiv="refresh" content="2;URL=https://www.oldboyedu.com">
<!--指定文檔的編碼類型-->
<meta http-equiv="content-Type" charset=UTF8">
<!--告訴IE以最高級模式渲染文檔-->
<meta http-equiv="x-ua-compatible" content="IE=edge">
- name屬性:
主要用於描述網頁，與之對應的屬性值爲content，content中的內容主要是便於搜索引擎機器人查找信息和分類信息用的。 主要用於描述網頁，與之對應的屬性值爲content，content中的內容主要是便於搜索引擎機器人查找信息和分類信息用的。
<meta name="keywords" content="meta總結,html meta,meta屬性,meta跳轉">
<meta name="description" content="描述內容">
2.body內常用標籤
1.基本標籤
<b>加粗</b>
<i>斜體</i>
<u>下劃線</u>
<s>刪除</s>
<p>段落標籤</p>
<h1>標題1</h1>
<h2>標題2</h2>
<h3>標題3</h3>
<h4>標題4</h4>
<h5>標題5</h5>
<h6>標題6</h6>
<!--換行-->
<br>
<!--水平線-->
<hr>