一建瘫、什么是HTML崭捍？
HTML 是用來描述網(wǎng)頁的一種語言。
1啰脚、HTML指的是超文本編輯語言；
2实夹、HTML本身并不是一種編輯語言橄浓，而是一種標記語言（標記語言本事是用來被讀取的，沒有行為能力亮航，是被動的荸实；但是編程語言中有很多邏輯和行為能力的指令，是主動的）缴淋；
3准给、標記語言是一套標記標簽，HTML 使用標記標簽來描述網(wǎng)頁重抖；
4露氮、HTML文檔包含 HTML標簽和純文本， 也被稱為網(wǎng)頁钟沛；
二畔规、什么是HTML標簽
1、HTML文檔及HTML元素是通過HTML標簽進行標記的恨统。
2叁扫、標簽由“開始標簽”和“結(jié)束標簽”組成；開始標簽：是被括號包圍的元素名畜埋；結(jié)束標簽：是被括號包圍的斜杠和元素名莫绣；
3、并不是所有的標簽都有結(jié)束標簽悠鞍，
<br />就是沒有關(guān)閉標簽的空元素对室。（<br/>用來定義換行的標簽）；
空元素是在開始標簽中關(guān)閉的；
三软驰、常見的HTML標簽
<!--標題 <h1> - <h6>-->
<h1>呵呵</h1>涧窒；<h2>呵呵</h2>
<h3>呵呵</h3>；<h4>呵呵</h4>
<h5>呵呵</h5>锭亏；<h6>呵呵</h6>
<!--鏈接 <a> -->
<a >百度</a>
<!--段落 <p> -->
<p> 夜色縈桐枝引凰 </p>
四纠吴、HTML元素
1、HTML元素：指的是從開始標簽到結(jié)束標簽之間的所有代碼慧瘤；
2戴已、HTML元素語法：某些元素具有空內(nèi)容，空元素在考試標簽中進行關(guān)閉(以開始標簽的結(jié)束而結(jié)束)锅减；
3糖儡、HTML元素的嵌套：即HTML元素內(nèi)包含其它HTML元素。
4怔匣、希望大家養(yǎng)成使用結(jié)束標簽的習慣握联，因為可能會產(chǎn)生不可預(yù)料的結(jié)果或錯誤；
五每瞒、現(xiàn)在分別介紹一下HTML 一些常用標簽的使用
1金闽、<hr /> 標簽作用：在HTML頁面中創(chuàng)建一個水平線；
2剿骨、在safari設(shè)置中查看網(wǎng)頁源代碼的方法：“鼠標右鍵”->"檢查元素"代芜；
3、<br /> 標簽作用：進行換行浓利；它本身就是一個空的HTML元素挤庇；
4、文本格式化標簽：
<b> ：定義粗體文字贷掖； <i> : 定義斜體字嫡秕；
<big> : 定義大號字體； <small> : 定義小號字體羽资；
<em> : 定義著重文字淘菩； <strong> : 定義加重語氣；
<sub> : 定義下標字屠升； <sup> : 定義上標字潮改；
<del> : 定義插入字； <ins> : 定義插入字腹暖；
5汇在、鏈接使用 <a></a>
<a>被用來創(chuàng)建“錨”，href 屬性用于定位需要鏈接的文檔脏答，
錨的開始標簽和結(jié)束標簽之間的文字被稱為：超級鏈接糕殉；
例：<a >百度</a>
name屬性：用于創(chuàng)建被命名的錨亩鬼。使用被命名的錨，可以跳轉(zhuǎn)到網(wǎng)頁的指定位置阿蝶；
例：<!--兩處的名稱必須一致-->
<a href="#top_flage">回到頂部</a>//點擊這個位置雳锋；
<a name="top_flage">這里是頂部</a>//會直接跳轉(zhuǎn)到該位置；
也可以實現(xiàn)不同界面的跳轉(zhuǎn)：
<a href="second.html#fule">去第二個界面</a>
六羡洁、創(chuàng)建HTML表格
1玷过、表格使用<table>標簽定義，每個表格的若干行使用<tr>標簽進行定義筑煮，每行被分為若干個單元格使用<td>標簽定義辛蚊；
<table>
<tr>
<td> 第一行第一列 </td>
<td> 第一行第二列 </td>
</tr>
<tr>
<td> 第二行第一列 </td>
<td> 第二行第二列</td>
</tr>
</table>
2、表格的邊框修改：<table border="2">
3真仲、如果某個表格內(nèi)容為空袋马，使用   進行站位；
4秸应、使用 colspan 進行跨列的合并虑凛；rowspan 進行跨列合并；
七软啼、創(chuàng)建HTML列表
1卧檐、<!--無序列表--> ：無序列表開始于 <ul>標簽，內(nèi)容每項始于<li>;
<ul>
<li>小風扇</li>
<li>小水杯</li>
<li>大屏幕</li>
</ul>
2焰宣、<!--有序列表-->：有序列表開始于<ol>標簽，內(nèi)容每項始于<li>;
<!--type="I"類型-->：類型可選擇
<ol type="I">
<li>小風扇</li>
<li>小水杯</li>
<li>大屏幕</li>
</ol>
3捕仔、<!--自定義列表-->：以<dl>標簽開始匕积，每個自定義的列表項為<dt>開始；
每個列表項的定義以<dd>開始榜跌；
<dl>
<dt>夜凰</dt>
<dd>夜色縈桐枝引凰</dd>
<dt>墨觴</dt>
<dd>墨泣如訴滿卷觴</dd>
</dl>
八闪唆、創(chuàng)建HTML表單
HTML表單用于搜索不同類型的用戶輸入。
1钓葫、表單：是一個包含表單元素的區(qū)域悄蕾；表單使用表單標簽<form>定義；
2础浮、輸入：多數(shù)情況下帆调，被用到的表單標簽是輸入標簽<input>定義。輸入的類型是由<type>定義的豆同，
例：<!--表單-->
<form method="get" action="http://www.baidu.com/">
賬號：<input type="text" name="account" width="150px" /><br />
密碼：<input type="password" name="password" width="150px" /><br />
性別：男<input type="radio" name="sex" value="man"/> 女<input type="radio" name="sex" value="woman"/><br />
體育愛好：
籃球<input type="checkbox" name="PE" value="籃球" />
足球<input type="checkbox" name="PE" value="足球" />
橄欖球<input type="checkbox" name="PE" value="橄欖球" />
乒乓球<input type="checkbox" name="PE" value="乒乓球" /><br />
上傳頭像：
<input type="file" name="phtot" /><br />
確定: <input type="submit" value="提交" />
<br />
<!--測試元素-->
誰：
<select name="teacher">
<option value="shui">誰</option>
<option value="shui">who</option>
<option value="shui">where</option>
</select>
</form>
效果：
九番刊、創(chuàng)建HTML圖像
1、圖像標簽<img> 和 源屬性(Src) ;
<img>為空標簽影锈，只包含屬性芹务，沒有閉合標簽蝉绷，想要在頁面上顯示圖像，需要使用源屬性(Src)：
定義語法：<img src="img/1.png"/>枣抱，參數(shù)為圖像所在位置熔吗；
十、HTML媒體
1佳晶、音頻：以<audio>標簽開始桅狠。
<audio controls="controls">
<source src="song.mp3" type="audio/mp3" />
</audio>
2、視頻 ：以<video>標簽開始宵晚。
<video width="320" height="240" controls="controls">
<source src="movie.mp4" type="video/mp4" />
</video>
