前修知識：

在HTML裏面，其實大小寫的作用是一樣的，一般使用的是小寫（理解為潛規則，一個標準吧）

【開頭是聲明用HTML5的協議，必須寫，標題頭這裏面有個問題，如果沒寫可能是HTML4.01標準的】

---在一個網頁裏面，我們是通過一個個的標簽來體現功能的，而這些標簽也是成對出現的，除了聲明意外，成對是為了往裏面放入東西，裹入其中

----標簽後面逐個添加屬性，只需給個空格，不用逗號

----在這裏，我們可以得到一個感受，因為我們要用路徑，不要使用中文，特殊符號，用標準的

----開發使用當前路徑，像百度用的是絕對路徑，為什麽呢？因為百度它們項目過於龐大，它們會拿出專門的服務器放圖片，另一個服務器放圖片...而我們要註意，使用相對路徑

----快捷鍵，先保存一下文件，打個感嘆號，再打個tab，一個簡單的主體就會出來

對於標簽，我們可以分為兩類：

塊標簽：默認是占滿一行

行內標簽：是由內容所決定的，可以多個行內標簽放一塊

【進行網頁的制作】

那麽進行第一個網頁的制作思路：

第一部分，網頁開發環境運行環境的準備工作：瀏覽器+網頁開發工具（記事本/超級記事本/IDE工具(集成開發環境（integrated development environment）（Dreamweaver/Hbuilder/WebStrom等等））

第二部分，第一個完整的網頁結構

第三部分，網頁開發的基本結構【網頁文檔聲明、網頁頁面屬性定義（標題、編碼）、網頁內容部分】

1、簡單的網頁搭建：

-----從這裏我們可以看見，我們已經簡單了展示了第一個網頁的制作完成，註意的是，聲明，編碼解碼格式，縮進問題，成對出現的標簽（裏面要裹東西）

----格式：一般寫網頁，大致分為兩個部分，一個頭和身體，它們是平級的，格式要保持一致

對於頭來說，我們一般要寫入聲明--編碼格式啊，標題頭--讓人大致要看懂我進入哪了，主要是起一個說明作用

而身體，也就是正文部分，也就是我們能看見的網頁部分，我們要利用標簽和屬性了讓網頁變得更加豐富

2、增加網頁的屬性、內容，即正式進入正文部分

簡單進行梳理一下：

頁面註釋：

如果我們想在sublimbe裏面添加註釋的話，要使用標準的格式，<!-- -->裏面可以添加

<p></p> 表示段落，在英文中，段落之間的換行，是隔一行表示一個段落，兩端文字之間有明顯的空白行【對於我們的傳統進行縮進兩個字節，在後面再補充】

<hr /> 表示分隔符，對於這個標簽，<hr>這樣寫也行，<hr/>這樣也行，統統來說，不太正規，不標準，有人對這個/有疑問，我們是不是還可以進行調解它的大小，是可以的。實際上是改變它的高度和寬度，後面可以進行改變

<br /> 表示換行，類推<hr />

<h1>~<h6> 表示標題的級別，依次是減小的，如果說超過了，比如<h7>就會跟普通的段落文字一樣的大小

<b></b> 表示加粗字體，嚴重性；這裏面<strong></strong>也是可以的，突出，目前只是不用

<div></div> 代表的是一個塊標簽,如果說裏面什麽不寫的話，網頁是不可見的，肉眼看不見，它只會占用一個像素（不懂像素後面再說），如果寫的有內容，不管寫多少，都會默認占滿一行，類比於我們生活所用的塑料袋，有東西就會漲起來。沒有東西憋的

<span></span> 用來修飾文字的（span不會換行也是情理之中），比如文字的大小，背景顏色，字體顏色，我們初級先了解到這

<i></i> 表示斜體

<u></u>表示下劃線

<del></del>表示刪除忽略

--效果顯示

3、超鏈接

一般來說，我們做網頁都會把材料什麽的放在同一個文件夾的下面，這樣省的進行用決對路徑

這裏面，http和https區別在於後者使用暗碼的，比較安全一點，前者明碼

a表示超鏈接，有倆屬性：

href：跳轉

target:本網頁完全跳轉

4、圖片

img標簽中的

alt屬性：圖片因誤刪或者輸錯代碼或者網絡上的，而網絡服務器關閉找不到的情況下，根據不同的瀏覽器會出現不同的bug樣子，而alt屬性就是出現這種問題的時候，給用戶的提示

title屬性：比如你把鼠標放在圖片的上面，會出現給你提示的信息

---你不要同時運行絕對路徑跟相對路徑，還有就是後面的那個/要不要是無所謂，標準就是打一個空格帶上

5、視頻

controls如果不寫無法播放，因為不可控制

autoplay 一打開自動播放

註意的是，鍵和值一樣的時候，值可以不寫

6、音頻

controls 可以把音樂欄給展示出來

02_書寫第一個html網頁