?
HTML基礎(chǔ)
1.什么是瀏覽器？
??幫助用戶瀏覽網(wǎng)頁(yè)的軟件
2.五大瀏覽器及其內(nèi)核
??Ie-trident ??safari-webkit ?ff-gecko ??chrome,opera-blink
3.服務(wù)器端
??經(jīng)過(guò)互聯(lián)網(wǎng)，接受用戶的請(qǐng)求，然后跳轉(zhuǎn)到互聯(lián)網(wǎng)相應(yīng)的界面。
常用服務(wù)器端軟件有IIS,Tomcat。
4.HTML發(fā)展歷程
??HTML1.0---HTML2.0---HTML3.2---HTML4.0---HTML4.01---XHTML1.0---XHTML1.1---HTML5.0
5.常用名詞
??Internet（因特網(wǎng)）：實(shí)現(xiàn)全球信息互聯(lián)的網(wǎng)絡(luò)；
??WWW（萬(wàn)維網(wǎng)）：提供網(wǎng)站相關(guān)服務(wù)；
??W3C（制定萬(wàn)維網(wǎng)的組織）；
??HTTP（超文本傳輸協(xié)議）：表現(xiàn)為三種形式，即超文本（hypertext）、超媒體（hypermedia）、超文本傳輸協(xié)議（HTTP）等。；
??Web（互聯(lián)網(wǎng)的總稱）：即網(wǎng)頁(yè)；
??DNS（域名解析系統(tǒng)）：因特網(wǎng)上作為域名和IP地址相互映射的一個(gè)分布式數(shù)據(jù)庫(kù)。
6.網(wǎng)頁(yè)的組成
??HTML：頁(yè)面結(jié)構(gòu)
??CSS：頁(yè)面樣式表現(xiàn)
??JavaScript：交互行為
7.HTML頁(yè)面結(jié)構(gòu)和語(yǔ)法
?HTML：指的是超文本標(biāo)記語(yǔ)言 (Hyper Text Markup Language)，是一種標(biāo)記語(yǔ)言 (markup language)，是用來(lái)描述頁(yè)面的結(jié)構(gòu)和組織頁(yè)面內(nèi)容的.
?HTML的結(jié)構(gòu)
<html> ???????????????html文檔
<head></head> ???????html頭部
<body> ???????????html身體
<h1>My First Heading</h1> ???內(nèi)容
<p>My first paragraph.</p>
</body>
</html>
??特點(diǎn)：成對(duì)出現(xiàn)，有開(kāi)有閉合，尖括號(hào)括住了標(biāo)簽名。結(jié)束標(biāo)簽內(nèi)增加了斜線。
??語(yǔ)法：<標(biāo)簽名> ?標(biāo)簽內(nèi)容</標(biāo)簽名>
??第一：標(biāo)簽成對(duì)出現(xiàn)。第二：結(jié)束標(biāo)簽內(nèi)部用/開(kāi)頭。
??第三：標(biāo)簽可以嵌套。
HTML語(yǔ)法
??HTML標(biāo)簽以 ”<“開(kāi)頭。
??緊接著就是標(biāo)簽名（中間沒(méi)空格）。
??標(biāo)簽名之后如果有屬性的話，加空格然后是 ?屬性名=""
??如果有多個(gè)屬性，屬性間用空格隔開(kāi)，空格可以有多個(gè)。
??屬性結(jié)束后可以加一個(gè)或多個(gè)空格。
??然后是結(jié)束標(biāo)簽">",如果是閉合標(biāo)簽需要在標(biāo)簽名前加”/"，例如：</html>
??單標(biāo)簽，斜線沒(méi)有任何意義，可有可無(wú)。
??標(biāo)簽中間可嵌套內(nèi)容。
8.HTML標(biāo)簽
??文檔后綴：.htm=.html
??快速生成HTML頁(yè)面結(jié)構(gòu)
??Html:5+tab鍵 ?生成html5的文檔結(jié)構(gòu)?
?（1）Doctype標(biāo)簽：文檔協(xié)議聲明標(biāo)簽 （必須要有）
????文檔協(xié)議聲明標(biāo)簽，非常重要
????協(xié)議不同影響整個(gè)頁(yè)面顯示的效果
????目前主流用HTML5的協(xié)議文檔
????Html5文檔聲明：<!DOCTYPE html>
?（2）html標(biāo)簽：文檔標(biāo)簽
???<html>標(biāo)記位于<!DOCTYPE> 標(biāo)記之后，也稱為根標(biāo)記，用于告知瀏覽器其自身是一個(gè) HTML 文檔， <html>標(biāo)記標(biāo)志著HTML文檔的開(kāi)始，</html>標(biāo)記標(biāo)志著HTML文檔的結(jié)束，在他們之間的是文檔的頭部和主體內(nèi)容。
?<html>
?所有的標(biāo)簽必須寫(xiě)在 兩個(gè)閉合標(biāo)簽之間。
?</html>
?可以通過(guò)lang屬性設(shè)置當(dāng)前文檔的主要語(yǔ)言是什么，幫助搜索引擎解析文檔
?（3）Head標(biāo)簽：文檔頭部標(biāo)簽
??<head>標(biāo)記用于定義HTML文檔的頭部信息，也稱為頭部標(biāo)記，緊跟在<html>標(biāo)記之后。
??head標(biāo)簽定義的內(nèi)容只是提供給瀏覽器使用，不用于用戶的呈現(xiàn)。
??主要用來(lái)封裝其他位于文檔頭部的標(biāo)記，例如<title>、<meta>、<link>及<style>等，用來(lái)描 ??述文檔的標(biāo)題、作者以及和其他文檔的關(guān)系等。
??一個(gè)HTML文檔只能含有一對(duì)<head>標(biāo)記，絕大多數(shù)文檔頭部包含的數(shù)據(jù)都不會(huì)真正作為內(nèi)容顯示在頁(yè)面中。
?------- <meta charset="UTF-8">
utf-8是目前最常用的字符集編碼方式，常用的字符集編碼方式還有g(shù)bk和gb2312。
gb2312 簡(jiǎn)單中文
GBK包含全部中文字符 ?繁體
BIG5 ??繁體中文
UTF-8則包含全世界所有國(guó)家需要用到的字符
?-------<title>標(biāo)記用于定義HTML頁(yè)面的標(biāo)題，即給網(wǎng)頁(yè)取一個(gè)名字，必須位于<head>標(biāo)記之內(nèi)。一個(gè)HTML文檔只能含有一對(duì)<title></title>標(biāo)記，<title></title>之間的內(nèi)容將顯示在瀏覽器窗口的標(biāo)題欄中。其基本語(yǔ)法格式如下：
??????<title>網(wǎng)頁(yè)標(biāo)題名稱</title>
title標(biāo)簽對(duì)于網(wǎng)站SEO至關(guān)重要，標(biāo)題的好壞直接影響網(wǎng)站的SEO
SEO（Search Engine Optimization）：網(wǎng)站搜索引擎優(yōu)化
??-------Link標(biāo)簽（先了解）
?引入DNS預(yù)先解析
dns預(yù)解析(了解)
<link rel="dns-prefetch" >
引入網(wǎng)站icon圖標(biāo)：
<link rel="shortcut icon" />
引入css樣式，【后面講】
<link rel="stylesheet" href="css/bg.css">
