網(wǎng)頁制作入門教程.ppt

1、HTML第一講,HTML概念,HTML（Hyper Text Markup Language 超文本標(biāo)識(shí)語言） 是一種用來制作超文本文檔的簡(jiǎn)單標(biāo)記語言。 用HTML編寫的超文本文檔稱為HTML文檔。,HTML文檔的編寫方法,手工直接編寫 記事本等，存成.htm .html格式 使用可視化HTML編 輯 器 Frontpage、Dreamweaver等 由Web 服務(wù)器（ 或稱HTTP 服務(wù)器） 一 方實(shí)時(shí)動(dòng)態(tài)地生成。,網(wǎng)頁文件命名,*.htm或*.html 無空格 無特殊符號(hào)（例如&符號(hào)），只可以有下劃線“_”，只可以為英文、數(shù)字 區(qū)分大小寫 首頁文件名默認(rèn)為：index.htm 或 inde

2、x.html,HTML 文件結(jié)構(gòu),. . . 元素：是HTML語言的基本部分。元素總是成對(duì)出現(xiàn)，每一對(duì)元素一般都有一個(gè)開始的標(biāo)記（如），也有一個(gè)結(jié)束的標(biāo)記（如）。元素的標(biāo)記要用一對(duì)尖括號(hào)括起來，并且結(jié)束的標(biāo)記總是在開始的標(biāo)記前加一個(gè)斜杠。,HTML 文件結(jié)構(gòu)(Document Structures), HTML 文件的正文 ,第一張網(wǎng)頁（01.htm）, my first page This is my first homepage! ,基本組成部分HTML元素屬性,HTML元素可以有自己的相關(guān)屬性，每一個(gè)屬性還可以由我們網(wǎng)頁編制者賦一定的值。元素屬性出現(xiàn)在元素的內(nèi)，并且和元素名之間有一個(gè)空格

3、分隔；屬性值用“”引起來。,第二張網(wǎng)頁（02.htm）, my first page This is my first homepage! ,HTML基本結(jié)構(gòu)的有關(guān)元素和元素屬性,HEAD元素1 元素出現(xiàn)在文檔的開頭部分。與之間的內(nèi)容不會(huì)在瀏覽器的文檔窗口顯示，但是其間的元素有特殊重要的意義。 元素定義HTML文檔的標(biāo)題。與之間的內(nèi)容將顯示在瀏覽器窗口的標(biāo)題欄。,HTML基本結(jié)構(gòu)的有關(guān)元素和元素屬性,HEAD元素2 元素 元素下面可以插入很多很有用的元素屬性。下面介紹四種： 用來標(biāo)記搜索引擎在搜索你的頁面時(shí)所取出的關(guān)鍵詞。,HTML基本結(jié)構(gòu)的有關(guān)元素和元素屬性,HEAD元素3 元素 用來標(biāo)記文

4、檔的作者。,HTML基本結(jié)構(gòu)的有關(guān)元素和元素屬性,HEAD元素4 元素 用來標(biāo)記你的頁面的解碼方式。,HTML基本結(jié)構(gòu)的有關(guān)元素和元素屬性,HEAD元素5 元素 用來自動(dòng)刷新網(wǎng)頁,練習(xí)（03.htm）,編寫一個(gè)網(wǎng)頁，要求3秒鐘后自動(dòng)跳轉(zhuǎn)到重慶大學(xué)的網(wǎng)站。 my first page 三秒鐘后本網(wǎng)頁將自動(dòng)跳轉(zhuǎn)到重慶大學(xué)首頁 ,元素及元素屬性1,元素表明是HTML文檔的主體部分。在與之間，通常都會(huì)有很多其它元素；這些元素和元素屬性構(gòu)成HTML文檔的主體部分。,元素及元素屬性2,元素中有下列元素屬性： (1)bgcolor bgcolor屬性標(biāo)志HTML文檔的背景顏色。如：bgcolor=#CCFF

5、CC。 例：04.htm,HTML對(duì)顏色的控制,HTML對(duì)顏色的控制也有自己的語法。HTML使用16進(jìn)制的RGB顏色值對(duì)顏色進(jìn)行控制。 16 進(jìn)制的數(shù)碼有: 0,1,2,3,4,5,6,7,8,9,a,b,c,d,e,f.,常見顏色的代碼,元素及元素屬性3,元素中有下列元素屬性： (2)background background屬性標(biāo)志HTML文檔的背景圖片。如：background=“images/bg.gif。 可以使用的圖片格式為GIF，JPG 例：05.htm、06.htm,元素及元素屬性4,元素中有下列元素屬性： (3)bgproperties=fixed bgproperties=fixed使背景圖片成水印效果，即圖片不隨著滾動(dòng)條的滾動(dòng)而滾動(dòng)。 例：07.htm和08.htm對(duì)比,元素及元素屬性5,元素中有下列元素屬性： (4)text text屬性標(biāo)志HTML文檔的正文文字顏色。如：text=“#FF6666”。Text元素定義的顏色將應(yīng)用于整篇文檔。 例：09.htm,元素及元素屬性6,元素中有下列元素屬性： (5)超級(jí)鏈接顏色 link、vlink、alink分別控制普通超級(jí)鏈接、訪問過的超級(jí)鏈接、當(dāng)前活動(dòng)超級(jí)鏈接顏色。 例：10.htm,元素及元素屬性7,元素中有