前修必備知識：
---1、在HTML里面腻异，其實大小寫的作用是一樣的进副，一般使用的是小寫 （理解為潛規(guī)則，一個標(biāo)準(zhǔn)吧）
---2悔常、meta影斑，一般而言申明頁面的屬性，開頭是聲明用HTML5的協(xié)議机打，必須寫矫户，標(biāo)題頭這里面有個問題，如果沒寫可能是HTML4.01標(biāo)準(zhǔn)的残邀，位置是放在有效代碼第一行（字節(jié)頭一般是不加/的皆辽，因為不會成對出現(xiàn)柑蛇，建議加上，標(biāo)簽也是一樣驱闷，比如下面的<br>耻台、<br/>效果一樣，H5的標(biāo)準(zhǔn)空另，實際上也是<br></br>的縮寫）
---3盆耽、在一個網(wǎng)頁里面，我們是通過一個個的標(biāo)簽來體現(xiàn)功能的扼菠，而這些標(biāo)簽也是成對出現(xiàn)的征字，除了聲明意外，成對是為了往里面放入東西娇豫，裹入其中
----4匙姜、標(biāo)簽后面逐個添加屬性，只需給個空格冯痢，不用逗號
----5氮昧、在這里，我們可以得到一個感受浦楣，因為我們要用路徑袖肥，不要使用中文，特殊符號振劳，用標(biāo)準(zhǔn)的
----6椎组、開發(fā)使用當(dāng)前路徑，像百度用的是絕對路徑历恐，為什么呢寸癌？因為百度它們項目過于龐大，它們會拿出專門的服務(wù)器放圖片弱贼，另一個服務(wù)器放圖片...而我們要注意蒸苇，使用相對路徑
----7、快捷鍵吮旅，先保存一下文件溪烤，打個感嘆號，再打個tab庇勃，一個簡單的主體就會出來
----8檬嘀、HTML頁面的后綴名是html或者h(yuǎn)tm(有一些系統(tǒng)不支持后綴名長度超過3個字符，比如dos系統(tǒng))
<html lang="en">---對于這個老師沒有重點(diǎn)講责嚷，就不要深究了鸳兽，這個網(wǎng)頁是可以用英文進(jìn)行開發(fā)的
lang="zh"設(shè)置網(wǎng)頁默認(rèn)語言為中文（包括簡體，繁體）;
lang="zh-cn"則是設(shè)置為簡體中文
注意：lang屬性中的語言代碼不區(qū)分大小寫,用于聲明當(dāng)前頁面的語言類型再层。
對于標(biāo)簽贸铜，我們可以分為兩類：
【要是把行標(biāo)簽放入塊標(biāo)簽的話堡纬，不管怎么設(shè)置大小都是不管用的】
塊標(biāo)簽：默認(rèn)是占滿一行
行內(nèi)標(biāo)簽：是由內(nèi)容所決定的，可以多個行內(nèi)標(biāo)簽放一塊
進(jìn)行網(wǎng)頁的簡單制作思路：
第一部分蒿秦，網(wǎng)頁開發(fā)環(huán)境和運(yùn)行環(huán)境：開發(fā)環(huán)境是任何可編輯工具烤镐，運(yùn)行環(huán)境瀏覽器就行
瀏覽器+網(wǎng)頁開發(fā)工具（記事本/超級記事本/IDE工具(又稱集成開發(fā)環(huán)境（integrated development environment））-----包括（Dreamweaver/Hbuilder/WebStrom/pycharm等等））
第二部分，第一個完整的網(wǎng)頁結(jié)構(gòu)
第三部分棍鳖，網(wǎng)頁開發(fā)的基本結(jié)構(gòu)【網(wǎng)頁文檔聲明炮叶、網(wǎng)頁頁面屬性定義（標(biāo)題、編碼）渡处、網(wǎng)頁內(nèi)容部分】
實際操作步驟1：簡單的網(wǎng)頁搭建
1镜悉、必須明白點(diǎn)：
從這里我們可以看見，我們已經(jīng)簡單了展示了第一個網(wǎng)頁的制作完成医瘫，注意的是侣肄，聲明，編碼解碼格式醇份，縮進(jìn)問題稼锅，成對出現(xiàn)的標(biāo)簽（里面要裹東西）
2、格式：
一般寫網(wǎng)頁僚纷，大致分為兩個部分矩距，一個頭和身體，它們是平級的怖竭，格式要保持一致
3锥债、代碼全面布局：
HTML的結(jié)構(gòu)：
聲明部分：主要作用是用來告訴瀏覽器這個頁面使用的是哪個標(biāo)準(zhǔn)。是HTML5標(biāo)準(zhǔn)痊臭。
head部分：將頁面的一些額外信息告訴服務(wù)器哮肚。不會顯示在頁面上。
body部分：我們所寫的代碼必須放在此標(biāo)簽內(nèi)。
目前，IE瀏覽器是完全不支持H5的峰锁，支持最好的是Opera瀏覽器回还，可以支持95%以上；其次是google戏蔑，可以支持一部分H5蹋凝。
備注：
所有的瀏覽器默認(rèn)情況下都會忽略空格和空行
每個標(biāo)簽都有私有屬性。也都有公有屬性总棵。
html中表示長度的單位都是像素鳍寂。HTML只有一種單位就是像素。
對于標(biāo)簽頭來說：
我們一般要寫入聲明--編碼格式啊情龄，標(biāo)題頭--讓人大致要看懂我進(jìn)入哪了迄汛，主要是起一個說明作用
而身體：
也就是正文部分捍壤，也就是我們能看見的網(wǎng)頁部分，也就是我們進(jìn)行布局展示給用戶看的界面鞍爱，在后面我們會利用標(biāo)簽和屬性了讓網(wǎng)頁變得更加豐富
4鹃觉、頁面渲染：
其實，在head里面還有style標(biāo)簽睹逃，起到一個渲染效果盗扇，后面逐步會碰到
實際操作步驟2：增加網(wǎng)頁的屬性、內(nèi)容沉填，即正式進(jìn)入正文部分
簡單進(jìn)行梳理一下：
頁面注釋：
如果我們想在sublimbe里面添加注釋的話疗隶，要使用標(biāo)準(zhǔn)的格式，<!--?? -->里面可以添加
<p></p>? 表示段落翼闹，在英文中斑鼻，段落之間的換行，是隔一行表示一個段落猎荠，兩端文字之間有明顯的空白行【對于我們的傳統(tǒng)進(jìn)行縮進(jìn)兩個字節(jié)卵沉，在后面再補(bǔ)充】
<hr /> 表示分隔符，對于這個標(biāo)簽法牲，<hr>這樣寫也行史汗，<hr/>這樣也行，統(tǒng)統(tǒng)來說拒垃，不太正規(guī)停撞，不標(biāo)準(zhǔn)，有人對這個/有疑問悼瓮，我們是不是還可以進(jìn)行調(diào)解它的大小戈毒，是可以的。實際上是改變它的高度和寬度横堡，后面可以進(jìn)行改變
<br /> 表示換行埋市，類推<hr />
<h1>~<h6> 表示標(biāo)題的級別，依次是減小的命贴，如果說超過了道宅，比如<h7>就會跟普通的段落文字一樣的大小
<b></b>? 表示加粗字體，嚴(yán)重性胸蛛；這里面<strong></strong>也是可以的，突出葬项，目前只是不用
<div></div> 代表的是一個塊標(biāo)簽,如果說里面什么不寫的話泞当，網(wǎng)頁是不可見的章喉，肉眼看不見汗贫，它只會占用一個像素（不懂像素后面再說），如果寫的有內(nèi)容秸脱，不管寫多少落包，都會默認(rèn)占滿一行，類比于我們生活所用的塑料袋摊唇，有東西就會漲起來咐蝇。沒有東西憋的
【在后面圖片輪換的時候，當(dāng)時我對老師那個問題很不理解巷查，后來發(fā)現(xiàn)有序，老師定個div，這個div肯定是比圖片大的岛请，一般在公司的話旭寿，我們設(shè)計，由美工專門做出那樣大小的圖片給我們崇败，我們自己在做的時候盅称，圖片并不會適合你的div大小。同時放多張后室，div會被撐大缩膝，一直往下排，這點(diǎn)上應(yīng)該不應(yīng)該不理解岸霹，div并不是一個固定的框架疾层，如果說大了會撐出來】
?------主要作用是添加一個結(jié)構(gòu)框架，助于排版
<span></span> 用來修飾文字的（span不會換行也是情理之中）贡避，比如文字的大小痛黎，背景顏色，字體顏色
------span標(biāo)簽贸桶，行內(nèi)標(biāo)簽舅逸。當(dāng)對它應(yīng)用樣式時，它才會產(chǎn)生視覺上的變化皇筛。
????????? 主要作用就是對行內(nèi)的元素進(jìn)行分組或標(biāo)識.? 我的感覺是，就是和p標(biāo)簽進(jìn)行搭配
div與span標(biāo)簽區(qū)別：
?????? -----能用div就不用span
<i></i> 表示斜體
<u></u>表示下劃線
<del></del>表示中劃線
HTML標(biāo)簽是分等級的坠七，HTML將所有的標(biāo)簽分為兩種：
文本級標(biāo)簽：p水醋、span旗笔、a、b拄踪、i蝇恶、u、em惶桐。文本級標(biāo)簽里只能放文字撮弧、圖片、表單元素姚糊。
容器級標(biāo)簽：div贿衍、h系列、li救恨、dt贸辈、dd。容器級標(biāo)簽里可以放置任何東西肠槽。
從學(xué)習(xí)p的第一天開始擎淤，就要死死記住：p標(biāo)簽是一個文本級標(biāo)簽秸仙，p里面只能放文字嘴拢、圖片、表單元素寂纪。其他的一律不能放席吴。【經(jīng)實驗弊攘，當(dāng)你在p標(biāo)簽里面放入其他標(biāo)簽的時候抢腐，比如h標(biāo)簽，網(wǎng)頁會給你想要的效果襟交，但是瀏覽器自動在你的代碼上屏蔽了p標(biāo)簽對h標(biāo)簽的效果】
--效果顯示
----------------------------------------------------渲染界面------------------------------------------------------
1迈倍、圖片
img標(biāo)簽屬性：
alt屬性：圖片因誤刪或者輸錯代碼或者網(wǎng)絡(luò)上的，而網(wǎng)絡(luò)服務(wù)器關(guān)閉找不到的情況下捣域，根據(jù)不同的瀏覽器會出現(xiàn)不同的bug樣子啼染，而alt屬性就是出現(xiàn)這種問題的時候，給用戶的提示
title屬性：比如你把鼠標(biāo)放在圖片的上面焕梅，會出現(xiàn)給你提示的信息
---你不要同時運(yùn)行絕對路徑跟相對路徑迹鹅，還有就是后面的那個/要不要是無所謂，標(biāo)準(zhǔn)就是打一個空格帶上
設(shè)置圖片寬高：???? ----注意的是贞言，沒有l(wèi)ength這個屬性
width="300"? height="500"
2斜棚、視頻
controls如果不寫無法播放，因為不可控制
autoplay 一打開自動播放
注意的是，鍵和值一樣的時候弟蚀，值可以不寫
2.1蚤霞、
2.2、能夠播放
2.3义钉、打開網(wǎng)頁自動播放
3昧绣、音頻? audio
----音頻跟視頻差不多
controls 可以把音樂欄給展示出來
3.1、會隱藏
controls不寫
3.2捶闸、可以手動播放
3.3夜畴、自動播放
---應(yīng)該加個congtrols，不然沒法顯示音樂欄
----單曲循環(huán)加個屬性loop
