第一節(jié) HTML基礎(chǔ)
1、瀏覽器接介紹
瀏覽器是網(wǎng)頁運(yùn)行的平臺,常見的有IE、火狐、谷歌
2、服務(wù)器介紹
(1)網(wǎng)頁
網(wǎng)頁由文字、圖像和超鏈接等元素構(gòu)成,還可以暴扣音頻、視頻以及Flash
特殊的符號和文本 ——>瀏覽器渲染 ——>圖文并茂的頁面
HTML:頁面結(jié)構(gòu)
CSS:頁面樣式表現(xiàn)
JavaScript:交互行為
(2)WEB的標(biāo)準(zhǔn)
結(jié)構(gòu)、表現(xiàn)、行為之間的關(guān)系
結(jié)構(gòu):使內(nèi)容更清晰,更有邏輯性
表現(xiàn):用于裝飾內(nèi)容的樣式
行為:內(nèi)容的交互及操作效果
第二節(jié) HTML內(nèi)容
1、HTML結(jié)構(gòu)
<html> ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?html文檔
? ? ?<head></head> ? ? ? ? ? ? ? ? ? ? ? ? html頭部
? ? ?<body> ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?html身體
? ? ? ? ? ?<h1>。。。</h1> ? ? ? ? ? ? ? ? ? ? ? ? ? ?內(nèi)容
? ? ? ? ? ?<p>。。。</p>
? ? ?</body>
</html>
特點(diǎn):①標(biāo)簽成對出現(xiàn) ?②結(jié)尾標(biāo)簽內(nèi)部用/開頭 ?③標(biāo)簽可以嵌套
語法:<標(biāo)簽名>標(biāo)簽內(nèi)容</標(biāo)簽名>
2、HTML語法
①“以“<”開頭
②接著標(biāo)簽名,中間無空格
③標(biāo)簽名后面有屬性的,加空格,然后是 屬性名=“”;多個屬性的用空格隔開
④屬性結(jié)束后加一個或多個空格
⑤然后是結(jié)束標(biāo)簽“>”,如果是閉合標(biāo)簽在標(biāo)簽名前加“/”,如</html>
⑥單標(biāo)簽,斜線沒有意義可有可無
⑦標(biāo)簽中可以嵌套內(nèi)容
3、HTML整體結(jié)構(gòu)標(biāo)簽
Doctype標(biāo)簽:文檔協(xié)議聲明標(biāo)簽
html標(biāo)簽:文檔標(biāo)簽
head:文檔頭部標(biāo)簽
body:文檔內(nèi)容部分標(biāo)簽
p:段落標(biāo)簽
h1:標(biāo)題標(biāo)簽