第一講 HTML簡介

1、網(wǎng)站開發(fā)綜合技術(shù) 課程目的 以項(xiàng)目為依托，全面介紹與創(chuàng)建靜態(tài)網(wǎng)頁有關(guān)的HTML和CSS知識，使學(xué)員能制作外觀簡單的HTML頁面。 講解怎樣通過JavaScript對頁面進(jìn)行處理。 為開發(fā)網(wǎng)站、開發(fā)B/S系統(tǒng)打好基礎(chǔ) 課程目標(biāo) 理解什么是HTML、CSS、JavaScript 理解并掌握HTML語言中的各種標(biāo)記； 理解CSS樣式表的作用和意義； 理解javascript的基本知識； 掌握使用dreamwaver等工具開發(fā)靜態(tài)網(wǎng)站項(xiàng)目； 了解photoshop等工具的基本操作； 第一章HTML簡介本章目標(biāo) 開始制作第一個(gè)網(wǎng)頁 在頁面中寫入內(nèi)容 對頁面修改各種格式 在頁面中加入圖像 內(nèi)容摘要 HTM

2、L的簡介 HTML 標(biāo)記 HTML 文本格式HTML的簡介 HTML 是 Hyper Text Markup Language 的第一個(gè)大寫字母的組合，中文意思為超文本標(biāo)記語言. 一個(gè)HTML文件是一個(gè)包含有HTML標(biāo)記的文本文件 HTML標(biāo)記告訴Web瀏覽器如何顯示網(wǎng)頁 一個(gè)HTML文件必須是一個(gè)htm或html擴(kuò)展名的文件 一個(gè)HTML文件可以用記事本編輯 這是我的第一個(gè)網(wǎng)頁 這是我的第一個(gè)網(wǎng)頁 你好！ HTML 標(biāo)記 HTML標(biāo)記是用來組成HTML元素的 HTML標(biāo)記用兩個(gè)尖括號”括起來 HTML標(biāo)記一般是雙標(biāo)記，如和 前一個(gè)標(biāo)記是起始標(biāo)記, 后一個(gè)標(biāo)記為結(jié)束標(biāo)記 兩個(gè)標(biāo)記之間的文本是h

3、tml元素的內(nèi)容 某些標(biāo)記稱為“單標(biāo)記”,因?yàn)樗恍鑶为?dú)使用就能完整地表達(dá)意思,如 標(biāo)記的屬性橫看成嶺側(cè)成峰遠(yuǎn)近高低各不同不識廬山真面目只緣身在此山中蘇軾 標(biāo)記的屬性橫看成嶺側(cè)成峰遠(yuǎn)近高低各不同不識廬山真面目只緣身在此山中蘇軾 HTML 基本標(biāo)記 標(biāo)記標(biāo)記說明及作用說明及作用文件聲明，讓瀏覽器知道這是 HTML 文件設(shè)計(jì)文件格式及正文所在 一級標(biāo)題標(biāo)記變粗變大加寬程度與級數(shù)反比段落標(biāo)記為字、畫、表格等之間留一空白行換行標(biāo)記令字、畫、表格等顯示于下一行水平線 插入一條水平線說明標(biāo)記 為文件加上說明，但不被顯示加重語氣 產(chǎn)生字體加粗 Bold 的效果粗體標(biāo)記 產(chǎn)生字體加粗的效果斜體標(biāo)記 字體出現(xiàn)斜

4、體效果字形標(biāo)記 設(shè)定字形、大小、顏色字體加大 令字體稍為加大字體縮細(xì) 令字體稍為縮細(xì)畫線刪除 為字體加一刪除線順序列表 清單項(xiàng)目將以數(shù)字、字母順序排列無序列表 清單項(xiàng)目將以圓點(diǎn)排列列表項(xiàng)目 每一標(biāo)記標(biāo)示一項(xiàng)列表項(xiàng)目定義列表 列表分兩層出現(xiàn)定義條目 標(biāo)示該項(xiàng)定義的標(biāo)題定義內(nèi)容 標(biāo)示定義內(nèi)容文件格式標(biāo)記 標(biāo)記標(biāo)記說明及作用說明及作用粗體標(biāo)記 產(chǎn)生字體加粗的效果字體加大 令字體稍為加大強(qiáng)調(diào)標(biāo)記 字體出現(xiàn)斜體效果斜體標(biāo)記 字體出現(xiàn)斜體效果字體縮細(xì) 令字體稍為縮細(xì)加重語氣 產(chǎn)生字體加粗 Bold 的效果下標(biāo)字 下標(biāo)字上標(biāo)字 指數(shù)（平方、立方等）加上底線 加上底線畫線刪除 為字體加一刪除線畫線刪除 為字體

5、加一刪除線，用代替畫線刪除 為字體加一刪除線, ，用代替加上底線 加上底線橫看成嶺側(cè)成峰遠(yuǎn)近高低各不同不識廬山真面目只緣身在此山中蘇軾一首著名的唐詩 HTML 符號實(shí)體 HTML代碼應(yīng)為：代碼應(yīng)為： 文本實(shí)體：文本實(shí)體：Baidu &C2005 使用百度前必讀 數(shù)字實(shí)體：數(shù)字實(shí)體： Baidu &169 2005 使用百度前必讀 顯示結(jié)果顯示結(jié)果說明說明實(shí)體名實(shí)體名數(shù)字實(shí)體數(shù)字實(shí)體 non-breaking space  greater than>>&ampersand&&quotation mark""apostrophe ''HTML 超級連接 a.htm代碼：代碼：老鼠愛大米老鼠愛大米齊秦北方的狼 b.htm代碼：代碼：我聽見你的聲音有種特別的感覺讓我不斷想不敢再忘記你我記得有一個(gè)人永遠(yuǎn)留在我心中