黑馬程序員pink老師前端入門(mén)教程，零基礎(chǔ)必看的h5(html5)+css3+移
基礎(chǔ)班
目的：精通網(wǎng)頁(yè)布局
學(xué)習(xí)路線(xiàn)：HTML5-CSS3-H5C3-電商網(wǎng)站
HTML5
教學(xué)目的：網(wǎng)頁(yè)的基本組成；什么是HTML；常用的瀏覽器；Web標(biāo)準(zhǔn)的三大組成部分。
1.什么是網(wǎng)頁(yè)
網(wǎng)站是網(wǎng)頁(yè)的集合；網(wǎng)頁(yè)是網(wǎng)站的基本元素。
2.什么是html
Hyper Text Markup Language
超文本標(biāo)記語(yǔ)言，不是編程語(yǔ)言。
超文本：超越文本限制；超級(jí)鏈接文本。
3.網(wǎng)頁(yè)的形成
html書(shū)寫(xiě)，瀏覽器解析。
卡頓略。
3.web標(biāo)準(zhǔn)的三大部分
第二節(jié)
1.HTML標(biāo)簽
Q：標(biāo)簽的書(shū)寫(xiě)注意規(guī)范；HTML骨架標(biāo)簽；超鏈接標(biāo)簽；alt和title的區(qū)別；相對(duì)路徑的三種形式。
<html></html>開(kāi)始標(biāo)簽、結(jié)束標(biāo)簽。
<br/> 單標(biāo)簽。
包括在尖括號(hào)里、大多數(shù)成對(duì)出現(xiàn)。
標(biāo)簽關(guān)系
2.html基本結(jié)構(gòu)標(biāo)簽
<html>根標(biāo)簽
<head><title></title></head>
<body></body>
</html>
3.工具：
VScode
VScode插件安裝
3.1文檔類(lèi)型聲明標(biāo)簽
<!DOCTYPE HTML>不屬于html
3.2 lang="en"
3.2字符集
要寫(xiě)：UTF-8
3.4總結(jié)
HTML標(biāo)簽
記住每個(gè)標(biāo)簽的語(yǔ)義。
標(biāo)題標(biāo)簽：<h1>-<h6>
? ? <h3>文字加粗一行顯</h3>
? ? <h4>由大到小依次變</h4>
段落標(biāo)簽：<p></p>根據(jù)瀏覽器窗口大小自動(dòng)換行；段落之間空隙較大。
換行標(biāo)簽<br/>
單標(biāo)簽；縫隙較小，只不過(guò)是另起一行。
文本格式化標(biāo)簽
加粗：strong/ b
傾斜：em / i
刪除線(xiàn)：del / s
下劃線(xiàn)：ins / u
4.5 <div>和<span>
一行只能放一個(gè)div
span是小盒子，一行可以多個(gè)
4.6 圖像標(biāo)簽
<img src= “url” alt="ddddd" title="提示文本"/>
單標(biāo)簽;替換文本；
寬高只設(shè)定一個(gè)，另一個(gè)等比例縮放；
border一般在css里設(shè)定。
注意點(diǎn)：
1.屬性一定要寫(xiě)在src 后面。
2.屬性不分先后順序，必須有空格分隔。
3.屬性是鍵值對(duì)，屬性=“屬性值”。
4.8 路徑：
同級(jí)路徑；上級(jí)路徑；下級(jí)路徑。
絕對(duì)路徑
網(wǎng)絡(luò)唯一地址或其他
超鏈接標(biāo)簽
1.鏈接語(yǔ)法格式
2.鏈接分類(lèi)
超鏈接標(biāo)簽anchor
<a href="" target="_blank"></a>
_blank新窗口，_self原地打開(kāi)。
空鏈接：<a href="#">
下載鏈接：exe或者zip壓縮包形式
網(wǎng)頁(yè)元素鏈接：<a href="xxx"><img src=""></a>
錨點(diǎn)鏈接：<a href="#two">第二集</a>
<h4 id="two"></h4>
3.注釋和特殊字符：
注釋?zhuān)?lt;!--dddddddddd-->
空格： 
大于:>
小于：<
綜合案例
html標(biāo)簽之表單
目標(biāo)：書(shū)寫(xiě)表格；無(wú)序列表；3-4個(gè)常用input表單類(lèi)型；下拉列表表單；能使用表單元素實(shí)現(xiàn)注冊(cè)頁(yè)面；獨(dú)立查閱W3C文檔。
表格的作用。
表格的語(yǔ)法。
<table>表格
<tr>行
<td>table data（單元格）
表頭單元格標(biāo)簽：
<th>table head 表頭標(biāo)簽（表項(xiàng)）加粗居中顯示。
美化用css。
要寫(xiě)在table標(biāo)簽里
課堂作業(yè)
表格結(jié)構(gòu)標(biāo)簽。
