資源描述：
《web實(shí)用頁(yè)面設(shè)計(jì)方法-02html》由會(huì)員上傳分享，免費(fèi)在線閱讀，更多相關(guān)內(nèi)容在行業(yè)資料-天天文庫(kù)。
1、WEB實(shí)用頁(yè)面設(shè)計(jì)方法——HTML3Sept.2008?NeusoftConfidential第一章：HTML簡(jiǎn)介目標(biāo):本章旨在向?qū)W員介紹HTML的相關(guān)概念及基本結(jié)構(gòu)，通過(guò)本課的學(xué)習(xí)，教學(xué)方法：講授ppt＋學(xué)員應(yīng)該掌握如下知識(shí)課堂演示學(xué)員應(yīng)該掌握如下知識(shí)：1）了解HTML的概念2）了解HTML的元素、標(biāo)簽與屬性3）了解HTML的基本結(jié)構(gòu)HTML概念?HTML文件是什么？VHTML表示超文本標(biāo)記語(yǔ)言（HyperTextMarkupLanguage）V編寫網(wǎng)頁(yè)的主要語(yǔ)言V以htm或html為后綴名☆V是一種解釋語(yǔ)言，用瀏覽器打開(kāi)解釋執(zhí)行HTML文件組成?HTML文檔VHTML文檔是由HTML標(biāo)
2、記及內(nèi)容組成的文本文件?HTML元素?HTML標(biāo)簽★?HTML屬性★HTML文件的元素、標(biāo)簽與屬性?HTML標(biāo)簽★（HTMLTag）V告訴瀏覽器如何顯示內(nèi)容V兩端有兩個(gè)包括字符：“<”和“>”，如，
V大小寫無(wú)關(guān)V標(biāo)簽的種類?成對(duì)出現(xiàn)的標(biāo)簽。前一個(gè)標(biāo)簽為開(kāi)始標(biāo)簽，后一個(gè)標(biāo)簽為結(jié)束標(biāo)簽?單標(biāo)簽，如
HTML文件的元素、標(biāo)簽與屬性?標(biāo)簽屬性★V標(biāo)簽可以擁有屬性，來(lái)具體描述標(biāo)簽的特征V屬性能夠?yàn)轫?yè)面上的HTML元素提供附加信息，如：
bgcolor屬性告訴瀏覽器，你的頁(yè)面的背景色是紅色的borde3、r屬性告訴瀏覽器，這個(gè)表格是沒(méi)有邊框的V屬性是附加給HTML元素的開(kāi)始標(biāo)簽的V屬性通常由屬性名和屬性值成對(duì)出現(xiàn)，形式為name=“value”V屬性值本身就含有引號(hào)，會(huì)考慮使用單引號(hào)，如name=‘John”ShotGun”Nelson’HTML文件的元素、標(biāo)簽與屬性內(nèi)容內(nèi)容?值-分配給屬性的內(nèi)容?屬性-描述標(biāo)記?元素-標(biāo)識(shí)標(biāo)記HTML文件的元素、標(biāo)簽與屬性?HTML文檔是由一系列的HTML元素組成的?元素（HTMLElement)：一組HTML標(biāo)簽及其中包含的一段文字V以一個(gè)開(kāi)始標(biāo)簽開(kāi)
4、始V中間為元素的內(nèi)容V以一個(gè)結(jié)束標(biāo)簽終止元素
標(biāo)題內(nèi)容元素這是一個(gè)段落
一個(gè)超鏈接HTML文件的編寫工具?手工編寫?HTML的編輯器V文本編輯器VDreamweaver、UltraEditFrontPage、AptanaStudioV記事本、寫字板、V可以直接看到顯word示效果V有提示信息V錯(cuò)誤提示HTML文件的基本結(jié)構(gòu)?HTML文件通常由4個(gè)主要的V…元素構(gòu)成，基5、本結(jié)構(gòu)如下★?設(shè)置HTML文件的開(kāi)始和結(jié)束V
…?設(shè)置HTML文件的一些信息，如標(biāo)題、層疊樣式表單、腳本程序等，又稱為頭HTML文件標(biāo)題信息?在瀏覽器窗口中，頭信息是不被顯示的HTML文件內(nèi)容V…?設(shè)置HTML文件的標(biāo)題?在瀏覽器的窗口標(biāo)題欄顯示V…?設(shè)置HTML文件的主體內(nèi)容?顯示在瀏覽器中運(yùn)行/獲取HTML?如何運(yùn)行HTML文檔?如何獲取HTML源碼V打開(kāi)文本編輯器V瀏覽器工具欄中V編寫內(nèi)容點(diǎn)擊“查看6、”V保存文檔，將后綴V選擇源文件名寫為“.html”或“.htm”V選擇“瀏覽器”為打開(kāi)方式，進(jìn)行瀏覽注意事項(xiàng)?建議V使用小寫標(biāo)簽V擴(kuò)展名使用.htmlV屬性值使用雙引號(hào)括起?標(biāo)簽屬性的引號(hào)樣式V屬性值應(yīng)該被包含在引號(hào)中V雙引號(hào)是最常用的，但是有時(shí)也會(huì)使用單引號(hào)。在很少的情況下，比如說(shuō)屬性值本身就含有引號(hào)，會(huì)考慮使用單引號(hào)，如name=‘John”ShotGun”Nelson’主體?設(shè)置主體：…★V所有要顯示的頁(yè)面元素都要包含在主體內(nèi)V示例：body_sample.htmlV可以設(shè)置以下屬性：屬性含義bgcolor設(shè)置頁(yè)面背景
7、顏色?！颾ackground設(shè)置頁(yè)面的背景圖片的URL。bgproperties取fixed值時(shí)設(shè)置背景不隨滾動(dòng)條滾動(dòng)，不設(shè)此屬性時(shí)背景隨滾動(dòng)條滾動(dòng)。text設(shè)置頁(yè)面非超鏈接文字基本顏色。link設(shè)置超鏈接文字的顏色。alink設(shè)置鼠標(biāo)按下時(shí)的超鏈接（activelink）的顏色。vlink設(shè)置已訪問(wèn)過(guò)的超鏈接（visitedlink）的顏色。注釋?設(shè)置注釋：V瀏覽器不解釋顯示其中的內(nèi)容
