1.了解本專業(yè)課程目標(biāo)、就業(yè)方向
2.了解HTML相關(guān)概念（HTML、XHTML、HTML5）
3.常用編輯器及瀏覽器
4.HTML基礎(chǔ)語法
5.站點(diǎn)的創(chuàng)建
6.HTML常用標(biāo)記
7.項(xiàng)目應(yīng)用
1.了解本專業(yè)課程目標(biāo)、就業(yè)方向
*web標(biāo)準(zhǔn)分三方面：
*組織解析：
（1）W3C( World Wide Web Consortium )萬維網(wǎng)聯(lián)盟，創(chuàng)建于1994年是Web技術(shù)領(lǐng)域最具權(quán)威和影響力的國際中立性技術(shù)標(biāo)準(zhǔn)機(jī)構(gòu)；是專門負(fù)責(zé)網(wǎng)絡(luò)標(biāo)準(zhǔn)制定的非贏利組織。制定了結(jié)構(gòu)標(biāo)準(zhǔn)和樣式標(biāo)準(zhǔn)；
（2）ECMA：歐洲電腦網(wǎng)商聯(lián)合會（廠商協(xié)會），制定了行為標(biāo)準(zhǔn)
2.了解HTML相關(guān)概念（HTML、XHTML、HTML5）
*html的發(fā)展史：
*HTML相關(guān)概念的介紹：
HTML：指的是超文本標(biāo)記語言
XHTML：指的是可拓展超文本語言
HTML5：指的是HTML第五次重大修改
*HTML語言的特點(diǎn)：
簡易性（HTML版本升級采用超集方式，從而更加靈活方便）
可擴(kuò)展性（HTML采取子類元素的方式，為系統(tǒng)擴(kuò)展帶來保證）
平臺無關(guān)性（HTML可以使用在廣泛的平臺上）
3.常用的瀏覽器和編輯器
瀏覽器：谷歌、火狐、IE。歐朋、safari
編輯器：DW（Dreamwaver）、webstorm、hbulider、sublime
*sublime text3常用快捷鍵
4.HTML基本結(jié)構(gòu)和基礎(chǔ)語法
*基本結(jié)構(gòu)
<!DOCTYPE html>`````````````````````````````定義文檔類型，此標(biāo)簽可告知瀏覽器文檔使用哪種HTML或XHTML規(guī)范
<html>··············································<html></html>稱為根標(biāo)簽，所有的網(wǎng)頁標(biāo)簽都在<html></html>中
<head>··········································································································
<meta charset="utf-8">···················<head>標(biāo)簽用于定義文檔的頭部，它是所有頭部元素的容器。頭部元素有<title>、<script>、<style>、<link>、<meta>等標(biāo)簽。
<title>無標(biāo)題文檔</title>·················
</head>·········································································································
<body>·······································在<body>和</body>標(biāo)簽之間的內(nèi)容是網(wǎng)頁主要內(nèi)容，如<h1>、<p>、<a>、<img>等網(wǎng)頁內(nèi)容標(biāo)簽，在這里的標(biāo)簽中的內(nèi)容會在瀏覽器中顯示出來。
</body>
</html>
*基本語法
1.常規(guī)標(biāo)記
<標(biāo)記? 屬性=“屬性值”? 屬性=“屬性值”>
2.空標(biāo)記
<標(biāo)記 屬性=“屬性值”? />
5.站點(diǎn)的創(chuàng)建
域名注冊-租用空間-網(wǎng)站建設(shè)-推廣-維護(hù)
6.HTML常用標(biāo)記
*h1-h6各種級別文本標(biāo)題標(biāo)記
*<p>段落標(biāo)記</p>
* 空格
*換行<br/>
*<b></b>加粗標(biāo)記
*<strong></strong>加粗內(nèi)容
*<em></em>傾斜標(biāo)記
*<hr/>水平線
*<ul></ul>無序列表
*<ol></ol>有序列表
*<dl></dl>
*img 標(biāo)簽（為網(wǎng)頁插入圖片）
<img src="目標(biāo)文件路徑及全稱" alt="圖片替換文本" title="圖片標(biāo)題"/>
<a href="目標(biāo)文件路徑及全稱">
*table常用標(biāo)記：
width:表格寬度
height：表格高度
border：表格邊框
bgcolor：表格的背景色
cellspacing：單元格與單元格之間的間距
cellpadding：單元格與內(nèi)容之間的空隙
align：lift、center、right
文本框：<input type="text" value="默認(rèn)值"/>
密碼框：<input type="password"/>
?????????????? <input type="password" placeholder="密碼"/>
提交按鈕：<input type="submit" value="按鈕內(nèi)容"/>
重置按鈕：<input type="reset" value="按鈕內(nèi)容"/>
單選框/單選按鈕
<input type="radio" name="ral"/>
<input type="radio" name="ral"/>
<input type="radio" name="ral" checked="checked"/>
復(fù)選框
<input type="checkbox" name="like"/>
<input type="checkbox" name="like"disabled="disabled"/>
select標(biāo)簽（下拉列表框）
<select name="">
??????????? <option value="1">選項(xiàng)一</option>
??????????? <option value="2"> selected="selected"選項(xiàng)二</option>
</select>
textarea（文本域）
<textarea cols="字符寬度" rows="行數(shù)">在這里輸入文字</textarea>
