概念
HTML:超文本標記語言，這樣理解，HTML將服務器傳過來的數據進行標記，以一定的形式在瀏覽器上顯示出來，例如哪個地方換行，這段文字字體格式是什麼等等。
例如：
<html>
<head>
<title>網頁標題</title>
</head>
<body>
<h1>網頁內容</h1>
</body>
</html>
這就是一段HTML，其中<xx>叫做標籤，每一個標籤大多都是成對存在的–<xx>標記的文本</xx>，它標記了夾在中間的文本改怎樣顯示，例如“網頁標題”用<title></title>標記就讓他顯示在瀏覽器標籤欄，“網頁內容”用<body></body>和<h1></h1>標記讓它顯示在瀏覽器內，並把它當做一號標題顯示。
初學者可以上面的代碼複製到記事本中，修改後綴名（一定要把此電腦–查看–文件擴展名勾選上）爲html就可以查看效果了，如果出現亂碼，另存爲時修改字符集 UTF-8或者ANSI
三大基石
URL:統一資源定位符 （www.baidu.com）
HTTP:超文本傳輸協議 (規範數據傳輸的格式 請求+URL 響應+內容)
HTML:超文本標記語言 (標記數據在瀏覽器端展示的格式)
標準文檔結構
<html><!--頂層標籤，所有代碼在這裏面寫-->
<head><!--頭標籤-->
<!--主要是配置，瀏覽器顯示數據的配置信息，例如字符編碼-->
<!--給瀏覽器看的-->
<title>網頁標題</title>
</head>
<body><!--主體標籤-->
<!--數據，給用戶看的-->
<h1>網頁內容</h1>
</body>
</html>
頭標籤
<head></head>標籤內的主要是配置，瀏覽器顯示數據的配置，例如標題，字節編碼等。
標題
顯示在標籤欄網頁的標題
<title> 標題</title>
字節編碼
當中文字符出現亂碼時，就有可能是因爲字符集不匹配
<meta charset="utf-8"/><!--標記字符集是utf-8-->
html4 :<meta http-equiv=“content-type” content=“text/html; charset=utf-8”/>
其他
| 名稱 | 標籤 |
|---|---|
| 關鍵字 | <meta name=“keywords” content=“關鍵字1,關鍵字2” /> |
| 網頁描述 | <meta name=“description” content=“對網頁的描述” /> |
| 作者 | <meta name=“author” content=“作者名” /> |
| 自動跳轉 | <meta http-equiv=“refresh” content=“5;http://www.baidu.com”/> 5秒後自動跳轉到baidu |
| …… | …… |
主體標籤
標題標籤
給文本加粗變大，末尾自帶換行
<!-- 標題標籤 -->
<h1>標題1</h1>
<h2>標題2</h2>
<h3>標題3</h3>
<h4>標題4</h4>
<h5>標題5</h5>
<h6>標題6</h6>
屬性（在第一個尖括號內加，給標籤加屬性，可以寫0個1個或多個）
| 作用 | 用法+參數 |
|---|---|
| 位置 | algin = “center(居中)/left(居左)/right(居右)” |
屬性都可以用css代替，只需要知道幾個常用的即可
水平線
<h1 align="center">標題1</h1>
<hr />
<h2 align="center">標題2</h2>
屬性
| 作用 | 用法+參數 |
|---|---|
| 長短 | weight = “200px(單位：像素) / 40 % (佔瀏覽器的百分比)” |
| 顏色 | color = “red” |
| 厚度 | size = "20px |
| 位置 | align = “” （同上） |
一段文字
段落之間有換行，且空格大
主要是爲了整體進行操作，一段文字爲一個整體，在css,js操作時方便
<p></p>
換行符
使文字在換行符的位置換行
<br />
換行符換行後兩段文字的空隔比<p>的小
空隔符
<!--空一格字節，四個空一格中文字符[牛逼視頻]-->
權重標籤
將一塊文字加粗
<b></b>
將一塊文字斜體
<i></i>
改一塊文字加下換線
<u></u>
刪除線
<del></del>
不會自動換行，可以嵌套使用
列表標籤
無序列表
<ul>
<li>動態生成新的類</li>
<li>動態改變某個類的結構（添加、刪除、修改，新的屬性、方法）</li>
</ul>
在 ul 列表裏面， 一個 li 就是一列
有序列表
列表帶序號
有序列表的序號一定是從第一開始的（1或者a，A），Type的參數有a(a,b,c……)，A（A，B，C……），1（1，2，3……），Ⅰ（Ⅰ，Ⅱ，Ⅲ……）
<ol type = "a">
<li>打遊戲</li>
<li>睡覺</li>
<li>學習</li>
</ol>
自定義列表
<dl>
<dt>IT課程</dt><!-- 數據標題 -->
<dd>HTML課程</dd><!-- 數據內容 -->
<dd>java課程</dd>
<dt>分類</dt>
<dd>前段</dd>
<dd>後端</dd>
</dl>
