一、初識HTML
1.什么是HTML？
Hyper Text Markup Language（超文本標記語言）
擴展XML:Extendsible Markup Language(可擴展性標記語言)
HTML(Hyper Text Markup Language)超文本標記語言是創建Web頁面的基礎，HTML由一套標記標簽（Markup Tag）組成，在制作網頁時，HTML使用標記標簽來描述網頁。
2.HTML的發展史
二、HTML5文件的基本結構
語法：
<html>
<head>
<title>html網頁標題</title>
</head>
<body>
html網頁主體
</body>
</html>
1.HTML5的基本結構分為兩部分：
1.頭部（head）
2.主體（body）
頭部（head）包括網頁標題（title）等基本信息；主體包括網頁的內容信息，如圖片、文字等。
2.網頁的基本信息
（1）DOCTYPE聲明
DOCTYPE聲明必須在HTML文檔的第一行：
<!DOCTYPE HTML>
（2）<title>標簽、
使用（title）標簽描述網頁的標題：<title>網頁標題</title>
（3）<meta>標簽
使用（meta）標簽描述網頁的摘要信息，包括文檔內容類型、字符編碼信息、搜索關鍵字、網站提供的功能和服務的描述：<meta>標簽描述的內容並不顯示，
其目的是方便瀏覽器解析或利於搜索引擎搜索，它采用“名稱/值”對的方式描述摘要信息。
<meta charset="utf-8"/>charset表示字符集編碼，常用的編碼有以下幾種：
GB2312：簡體中文，一般用於包含中文和英文的頁面。
ISO-885901：純英文頁面。
Big5：繁體，一般用於帶有繁體的頁面。
utf-8：國際通用字符編碼。
tips：
在保存文件時，編碼方式一定要與html5頁面<meta>標簽中設置的編碼方式一致，否則將出現亂碼。
當遇到頁面發生亂碼時，可以先觀察頁面中是否有寫編碼方式的語句，然后使用記事本打開亂碼文件，另存為中修改編碼方式，使其與頁面中的編碼方式一致。
（4）搜索關鍵字和內容描述信息書寫如下：
<meta name="keywords" content="北大青鳥"/>
<meta name="description" content="介紹描述"/>
keywords表示搜索關鍵字，description表示網站內容的具體描述。
通過提供搜索關鍵字和內容描述信息，方便搜索引擎的搜索。
tips：
使用WebStrom工具生成的HTML基本結構中的<head>標簽里面有個屬性lang="en"，它表示本頁面是英文的。Chrome之類的瀏覽器會提示是否需要翻譯。
三、HTML中常用標簽
1.標題標簽<h1>~<h6>字號逐漸變小
2.段落標簽<p></P>和換行標簽<br/>
3.水平線標簽<hr/>
4.字體樣式標簽
<strong>字體變粗</strong>
<em>字體傾斜</em>
5.<!-- 注釋 -->
特殊符號：
空格： 大於號：> 小於號：< 引號：" 版權符號：©
6.圖像標簽：<img src="路徑地址" alt="替代文字" title="鼠標懸停文字" width="寬度" heigth="高度"/>
7.超鏈接標簽：
語法：<a href="鏈接地址" target="目標窗口位置">鏈接文本或圖像</a>
target：_self（自身窗口）、_blank（新建窗口）。
超鏈接的應用場合：
1.頁面鍵連接：從一個頁面鏈接到另一個頁面；
2.錨鏈接：定位到目標頁面內容中的某個具體位置；
語法：
在頁面的乙位置設置標記<a name="marker">目標位置乙</a>
設置甲位置鏈接路徑href屬性值為“#標記名”<a href="#marker">當前位置甲</a>
3.功能性鏈接：
電子郵件鏈接的用法：mailto:電子郵件地址；
行內元素：內容撐開寬度，左右都是行內元素可以排在一行
塊元素：無論內容多少，該元素獨占一行