模塊3-利用HTML編寫(xiě)簡(jiǎn)單網(wǎng).ppt_第1頁(yè)
模塊3-利用HTML編寫(xiě)簡(jiǎn)單網(wǎng).ppt_第2頁(yè)
模塊3-利用HTML編寫(xiě)簡(jiǎn)單網(wǎng).ppt_第3頁(yè)
模塊3-利用HTML編寫(xiě)簡(jiǎn)單網(wǎng).ppt_第4頁(yè)
模塊3-利用HTML編寫(xiě)簡(jiǎn)單網(wǎng).ppt_第5頁(yè)
已閱讀5頁(yè)，還剩33頁(yè)未讀， 繼續(xù)免費(fèi)閱讀

下載本文檔

版權(quán)說(shuō)明：本文檔由用戶提供并上傳，收益歸屬內(nèi)容提供方，若內(nèi)容存在侵權(quán)，請(qǐng)進(jìn)行舉報(bào)或認(rèn)領(lǐng)

文檔簡(jiǎn)介

主講教師：譚榮華,網(wǎng)頁(yè)設(shè)計(jì)與制作 學(xué)習(xí)情境3：利用HTML編寫(xiě)簡(jiǎn)單網(wǎng)頁(yè),布置習(xí)題,學(xué)習(xí)目標(biāo),知識(shí)講解,課堂實(shí)踐,教學(xué)總結(jié),利用HTML編寫(xiě)簡(jiǎn)單網(wǎng)頁(yè),學(xué)習(xí)情境3,課程引導(dǎo),網(wǎng)頁(yè)的組成元素以及屬性設(shè)置最終都形成HTML代碼，有必要對(duì)HTML語(yǔ)言的語(yǔ)法結(jié)構(gòu)、HTML標(biāo)記有一定的了解，雖然很少直接輸入HTML代碼制作網(wǎng)頁(yè)，但經(jīng)常要修改HTML代碼以滿足網(wǎng)頁(yè)設(shè)計(jì)的需要，當(dāng)HTML代碼出現(xiàn)錯(cuò)誤時(shí)，也要切換到代碼視圖，查找并改正錯(cuò)誤。,概述,布置習(xí)題,知識(shí)講解,課堂實(shí)踐,教學(xué)總結(jié),課程引導(dǎo),利用HTML編寫(xiě)簡(jiǎn)單網(wǎng)頁(yè),學(xué)習(xí)情境3,學(xué)習(xí)目標(biāo),掌握Dreamweaver CS3的HTML源代碼編輯功能。掌握快速標(biāo)簽編輯器、標(biāo)簽選擇器和標(biāo)簽編輯器的使用方法。 掌握常用的HTML標(biāo)記的含義及其應(yīng)用。 學(xué)會(huì)手工修改HTML代碼。,學(xué)習(xí)目標(biāo),布置習(xí)題,知識(shí)講解,課堂實(shí)踐,教學(xué)總結(jié),課程引導(dǎo),利用HTML編寫(xiě)簡(jiǎn)單網(wǎng)頁(yè),學(xué)習(xí)情境3,學(xué)習(xí)目標(biāo),手工編寫(xiě)、修改HTML代碼的能力,專 業(yè) 能 力 目 標(biāo),布置習(xí)題,知識(shí)講解,課堂實(shí)踐,教學(xué)總結(jié),課程引導(dǎo),利用HTML編寫(xiě)簡(jiǎn)單網(wǎng)頁(yè),學(xué)習(xí)情境3,學(xué)習(xí)目標(biāo),HTML語(yǔ)言的結(jié)構(gòu)、格式 文本、排版格式、圖像、鏈接、表格、表單、層等標(biāo)記 塊級(jí)元素和行級(jí)元素的概念和區(qū)別,專 業(yè) 知 識(shí) 目 標(biāo),布置習(xí)題,知識(shí)講解,課堂實(shí)踐,教學(xué)總結(jié),課程引導(dǎo),利用HTML編寫(xiě)簡(jiǎn)單網(wǎng)頁(yè),學(xué)習(xí)情境3,學(xué)習(xí)目標(biāo),自主學(xué)習(xí)能力 創(chuàng)新能力 感悟能力 效率觀念 獲取知識(shí)能力,專 業(yè) 素 質(zhì) 目 標(biāo),課堂實(shí)踐,布置習(xí)題,學(xué)習(xí)目標(biāo),教學(xué)總結(jié),課程引導(dǎo),利用HTML編寫(xiě)簡(jiǎn)單網(wǎng)頁(yè),學(xué)習(xí)情境3,知識(shí)講解,教學(xué)案例,案例01 - 利用HTML代碼編寫(xiě)網(wǎng)頁(yè),案例02 - 在網(wǎng)頁(yè)中輸入并設(shè)置文本,案例03 - 更改網(wǎng)頁(yè)中的背景,綜合案例實(shí)訓(xùn) - 制作“九龍灣” 圖文混排網(wǎng)頁(yè),案例04 - 處理網(wǎng)頁(yè)中的圖像,案例05 - 創(chuàng)建簡(jiǎn)單表格,課堂實(shí)踐,布置習(xí)題,學(xué)習(xí)目標(biāo),教學(xué)總結(jié),課程引導(dǎo),利用HTML編寫(xiě)簡(jiǎn)單網(wǎng)頁(yè),學(xué)習(xí)情境3,知識(shí)講解,案例操作過(guò)程,相關(guān)知識(shí)點(diǎn),案例01 - 利用HTML代碼編寫(xiě)網(wǎng)頁(yè),課堂實(shí)踐,布置習(xí)題,學(xué)習(xí)目標(biāo),教學(xué)總結(jié),課程引導(dǎo),利用HTML編寫(xiě)簡(jiǎn)單網(wǎng)頁(yè),學(xué)習(xí)情境3,知識(shí)講解,相關(guān)知識(shí)點(diǎn),HTML(HyperText Markup Language)即超文本標(biāo)記語(yǔ)言，是使用類(lèi)似于“”的標(biāo)記來(lái)描述頭部信息、段落、列表、超鏈接等內(nèi)容的一種結(jié)構(gòu)化語(yǔ)言。 目前我們所使用的是HTML4.01版 HTML XML DHTML XHTML可以看作是一種過(guò)渡,HTML 簡(jiǎn)介,課堂實(shí)踐,布置習(xí)題,學(xué)習(xí)目標(biāo),教學(xué)總結(jié),課程引導(dǎo),利用HTML編寫(xiě)簡(jiǎn)單網(wǎng)頁(yè),學(xué)習(xí)情境3,知識(shí)講解,相關(guān)知識(shí)點(diǎn),一個(gè)標(biāo)準(zhǔn)的HTML文件的基本結(jié)構(gòu)如下： (一般為標(biāo)題等) (一般為正文) ,HTML文件結(jié)構(gòu),說(shuō)明： HEAD標(biāo)記部分一般描述有關(guān)該HTML文件的一些基本信息，如：網(wǎng)頁(yè)標(biāo)題、關(guān)鍵字和網(wǎng)頁(yè)制作工具等信息,說(shuō)明： BODY標(biāo)記是主體，是HTML文件的實(shí)際內(nèi)容,說(shuō)明： 并不強(qiáng)求書(shū)寫(xiě)縮進(jìn)，只為易讀性,課堂實(shí)踐,布置習(xí)題,學(xué)習(xí)目標(biāo),教學(xué)總結(jié),課程引導(dǎo),利用HTML編寫(xiě)簡(jiǎn)單網(wǎng)頁(yè),學(xué)習(xí)情境3,知識(shí)講解,相關(guān)知識(shí)點(diǎn),標(biāo)記：是元素的代碼表現(xiàn)形式。是指由”括起來(lái)的具有特定含義的字符串，每一個(gè)HTML元素都有對(duì)應(yīng)的起始標(biāo)記和結(jié)束標(biāo)記。開(kāi)始標(biāo)記為結(jié)束標(biāo)記為。 屬性：與標(biāo)記相關(guān)的若干性質(zhì)，只出現(xiàn)在起始標(biāo)記中，且具有固定的描述結(jié)構(gòu)即 屬性名=“屬性值”。 如：,標(biāo)記與屬性,標(biāo)記和屬性的一些特性： HTML標(biāo)記和屬性通常不區(qū)分大小寫(xiě) 屬性值通常用雙引號(hào)引起來(lái)，屬性值為單個(gè)字符時(shí)可省 各屬性之間用空格分開(kāi)，如一行寫(xiě)不下，可在下行接著寫(xiě) HTML元素允許相互嵌套，但不得交叉嵌套 每個(gè)HTML元素只能嵌套合法的子元素 有些HTML元素可以沒(méi)有結(jié)束標(biāo)記 所有的HTML標(biāo)記均為ASCII碼字符，不能是全角、中文字符,課堂實(shí)踐,布置習(xí)題,學(xué)習(xí)目標(biāo),教學(xué)總結(jié),課程引導(dǎo),利用HTML編寫(xiě)簡(jiǎn)單網(wǎng)頁(yè),學(xué)習(xí)情境3,知識(shí)講解,相關(guān)知識(shí)點(diǎn),特殊字符,在HTML中，定義轉(zhuǎn)義字符串的原因有兩個(gè)：第一個(gè)原因是像“”這類(lèi)符號(hào)已經(jīng)用來(lái)表示HTML標(biāo)簽，因此就不能直接當(dāng)作文本中的符號(hào)來(lái)使用。為了在HTML文檔中使用這些符號(hào)，就需要定義它的轉(zhuǎn)義字符串。當(dāng)解釋程序遇到這類(lèi)字符串時(shí)就把它解釋為真實(shí)的字符。在輸入轉(zhuǎn)義字符串時(shí)，要嚴(yán)格遵守字母大小寫(xiě)的規(guī)則。第二個(gè)原因是，有些字符在ASCII字符集中沒(méi)有定義，因此需要使用轉(zhuǎn)義字符串來(lái)表示。 如：版權(quán)所有 © 南昌師專,思考一下：如果要在瀏覽器中顯示出“標(biāo)記一般包含正文內(nèi)容”這幾個(gè)字，代碼就如何書(shū)寫(xiě)？ 例：<body>標(biāo)記一般包含正文內(nèi)容,課堂實(shí)踐,布置習(xí)題,學(xué)習(xí)目標(biāo),教學(xué)總結(jié),課程引導(dǎo),利用HTML編寫(xiě)簡(jiǎn)單網(wǎng)頁(yè),學(xué)習(xí)情境3,知識(shí)講解,相關(guān)知識(shí)點(diǎn),為了以后更容易地閱讀HTML代碼而生。 用法： 如：,HTML 注釋,課堂實(shí)踐,布置習(xí)題,學(xué)習(xí)目標(biāo),教學(xué)總結(jié),課程引導(dǎo),利用HTML編寫(xiě)簡(jiǎn)單網(wǎng)頁(yè),學(xué)習(xí)情境3,知識(shí)講解,相關(guān)知識(shí)點(diǎn),步驟： 1). 選擇“開(kāi)始所有程序附件記事本”命令，打開(kāi)記事本 2). 在創(chuàng)建的記事本文件中輸入HTML代碼 3). 選擇“文件保存”或“文件另存為”命令，保存文件為.html文件 4). 用瀏覽器打開(kāi).html文件，查看顯示效果,用記事本編寫(xiě)HTML網(wǎng)頁(yè),課堂實(shí)踐,布置習(xí)題,學(xué)習(xí)目標(biāo),教學(xué)總結(jié),課程引導(dǎo),利用HTML編寫(xiě)簡(jiǎn)單網(wǎng)頁(yè),學(xué)習(xí)情境3,知識(shí)講解,相關(guān)知識(shí)點(diǎn),步驟： 1). 啟動(dòng)Dreamweaver CS3 2). 從設(shè)計(jì)視圖切換至代碼視圖 3). 輸入相應(yīng)的HTML代碼 4). 保存文件并預(yù)覽效果,Dreamweaver CS3中的HTML源碼編輯窗口,課堂實(shí)踐,布置習(xí)題,學(xué)習(xí)目標(biāo),教學(xué)總結(jié),課程引導(dǎo),利用HTML編寫(xiě)簡(jiǎn)單網(wǎng)頁(yè),學(xué)習(xí)情境3,知識(shí)講解,案例02 在網(wǎng)頁(yè)中輸入并設(shè)置文本,案例操作過(guò)程,相關(guān)知識(shí)點(diǎn),課堂實(shí)踐,布置習(xí)題,學(xué)習(xí)目標(biāo),教學(xué)總結(jié),課程引導(dǎo),利用HTML編寫(xiě)簡(jiǎn)單網(wǎng)頁(yè),學(xué)習(xí)情境3,知識(shí)講解,相關(guān)知識(shí)點(diǎn),HTML中的大部分元素都可分為兩種類(lèi)型：塊級(jí)元素和行級(jí)元素。塊級(jí)元素會(huì)從新的一行出現(xiàn)，行級(jí)元素則不會(huì)。塊級(jí)元素的前后都會(huì)有插入的斷行，所以如果不用CSS則沒(méi)法讓兩個(gè)塊級(jí)元素并列在一起 (更多的塊元素和行元素知識(shí)請(qǐng)問(wèn)百度),塊級(jí)元素和行級(jí)元素,課堂實(shí)踐,布置習(xí)題,學(xué)習(xí)目標(biāo),教學(xué)總結(jié),課程引導(dǎo),利用HTML編寫(xiě)簡(jiǎn)單網(wǎng)頁(yè),學(xué)習(xí)情境3,知識(shí)講解,相關(guān)知識(shí)點(diǎn),標(biāo)題標(biāo)簽 至 段落標(biāo)簽 ,標(biāo)題元素和段落元素,課堂實(shí)踐,布置習(xí)題,學(xué)習(xí)目標(biāo),教學(xué)總結(jié),課程引導(dǎo),利用HTML編寫(xiě)簡(jiǎn)單網(wǎng)頁(yè),學(xué)習(xí)情境3,知識(shí)講解,相關(guān)知識(shí)點(diǎn),用以對(duì)網(wǎng)頁(yè)中文本的字體、大小、顏色等進(jìn)行定義的元素，有了CSS后實(shí)際上用處已不是很大。主要元素有以下幾種： 、,字符格式元素,課堂實(shí)踐,布置習(xí)題,學(xué)習(xí)目標(biāo),教學(xué)總結(jié),課程引導(dǎo),利用HTML編寫(xiě)簡(jiǎn)單網(wǎng)頁(yè),學(xué)習(xí)情境3,知識(shí)講解,相關(guān)知識(shí)點(diǎn),1. 有序列表（OL元素） 功能：對(duì)分段的文本進(jìn)行有序的列表顯示 語(yǔ)法： 列表項(xiàng)一 列表項(xiàng)二 列表項(xiàng)三 屬性：start、type,列表元素-1,Start 用以指明列表序號(hào)的起始值，如果沒(méi)有這個(gè)屬性，則默認(rèn)從1開(kāi)始。 例： type 用以指明序號(hào)的類(lèi)型，一共有五種類(lèi)型，分別是： A：大寫(xiě)字母 a: 小寫(xiě)字母 I：大寫(xiě)羅馬字母 i: 小寫(xiě)羅馬字母 1：阿拉伯?dāng)?shù)字 例：,課堂實(shí)踐,布置習(xí)題,學(xué)習(xí)目標(biāo),教學(xué)總結(jié),課程引導(dǎo),利用HTML編寫(xiě)簡(jiǎn)單網(wǎng)頁(yè),學(xué)習(xí)情境3,知識(shí)講解,相關(guān)知識(shí)點(diǎn),2. 無(wú)序列表（UL元素） 功能：將分段顯示的文本作無(wú)序的列表顯示 語(yǔ)法： 列表項(xiàng)一 列表項(xiàng)二 列表項(xiàng)三 屬性：type（值分別為circle、disc、square）,列表元素-2,Circle 項(xiàng)目符號(hào)為空心圓 Disc 項(xiàng)目符號(hào)為實(shí)心圓 Square 項(xiàng)目符號(hào)為方塊 ,課堂實(shí)踐,布置習(xí)題,學(xué)習(xí)目標(biāo),教學(xué)總結(jié),課程引導(dǎo),利用HTML編寫(xiě)簡(jiǎn)單網(wǎng)頁(yè),學(xué)習(xí)情境3,知識(shí)講解,相關(guān)知識(shí)點(diǎn),3. 定義列表 功能：用以羅列定義。每個(gè)定義有兩項(xiàng)內(nèi)容，一是定義的內(nèi)容，二是定義的描述。 語(yǔ)法： 標(biāo)題一 內(nèi)容一 內(nèi)容二 標(biāo)題二 內(nèi)容一 內(nèi)容二 ,列表元素-3,簡(jiǎn)單DL列表示例： 國(guó)內(nèi)電視臺(tái) 北京電視臺(tái) 上海電視臺(tái) 江西電視臺(tái) 浙江電視臺(tái) 國(guó)際電視臺(tái) 美國(guó)電視臺(tái) 英國(guó)電視臺(tái) 日本電視臺(tái) ,課堂實(shí)踐,布置習(xí)題,學(xué)習(xí)目標(biāo),教學(xué)總結(jié),課程引導(dǎo),利用HTML編寫(xiě)簡(jiǎn)單網(wǎng)頁(yè),學(xué)習(xí)情境3,知識(shí)講解,相關(guān)知識(shí)點(diǎn),可用于在網(wǎng)頁(yè)中插入水平線 語(yǔ)法： 屬性： Color用于設(shè)置水平線顏色，width用于設(shè)置水平線長(zhǎng)度，align用于設(shè)置水平線位置,插入水平線,課堂實(shí)踐,布置習(xí)題,學(xué)習(xí)目標(biāo),教學(xué)總結(jié),課程引導(dǎo),利用HTML編寫(xiě)簡(jiǎn)單網(wǎng)頁(yè),學(xué)習(xí)情境3,知識(shí)講解,案例03 更改網(wǎng)頁(yè)中的背景,案例操作過(guò)程,相關(guān)知識(shí)點(diǎn),課堂實(shí)踐,布置習(xí)題,學(xué)習(xí)目標(biāo),教學(xué)總結(jié),課程引導(dǎo),利用HTML編寫(xiě)簡(jiǎn)單網(wǎng)頁(yè),學(xué)習(xí)情境3,知識(shí)講解,相關(guān)知識(shí)點(diǎn),bgcolor標(biāo)記文檔的背景顏色。 語(yǔ)法： 其中value可以使用RGB十六進(jìn)制碼，也可以使用顏色所對(duì)應(yīng)的英文單詞或者三個(gè)十進(jìn)制數(shù)。 例： 或者： ,背景顏色,更多的顏色表可訪問(wèn)以下網(wǎng)址：/man/dhtmlcn/colors/colors.html,課堂實(shí)踐,布置習(xí)題,學(xué)習(xí)目標(biāo),教學(xué)總結(jié),課程引導(dǎo),利用HTML編寫(xiě)簡(jiǎn)單網(wǎng)頁(yè),學(xué)習(xí)情境3,知識(shí)講解,相關(guān)知識(shí)點(diǎn),background 標(biāo)記文檔的背景圖片 語(yǔ)法： 例： 背景圖片和背景色可同時(shí)指定，但在顯示時(shí)，瀏覽器會(huì)優(yōu)先考慮背景圖片,背景圖像,課堂實(shí)踐,布置習(xí)題,學(xué)習(xí)目標(biāo),教學(xué)總結(jié),課程引導(dǎo),利用HTML編寫(xiě)簡(jiǎn)單網(wǎng)頁(yè),學(xué)習(xí)情境3,知識(shí)講解,相關(guān)知識(shí)點(diǎn),bgsound 標(biāo)記文檔的背景音樂(lè) 語(yǔ)法： 例： Loop屬性設(shè)置重復(fù)次數(shù)，-1為無(wú)限重復(fù),背景音樂(lè),課堂實(shí)踐,布置習(xí)題,學(xué)習(xí)目標(biāo),教學(xué)總結(jié),課程引導(dǎo),利用HTML編寫(xiě)簡(jiǎn)單網(wǎng)頁(yè),學(xué)習(xí)情境3,知識(shí)講解,案例04 處理網(wǎng)頁(yè)中的圖像,案例操作過(guò)程,相關(guān)知識(shí)點(diǎn),課堂實(shí)踐,布置習(xí)題,學(xué)習(xí)目標(biāo),教學(xué)總結(jié),課程引導(dǎo),利用HTML編寫(xiě)簡(jiǎn)單網(wǎng)頁(yè),學(xué)習(xí)情境3,知識(shí)講解,相關(guān)知識(shí)點(diǎn),網(wǎng)頁(yè)中每一個(gè)圖片都是以獨(dú)立文件存在的，HTML代碼只是指明了這個(gè)圖片所在的位置，即URL。瀏覽器在顯示這個(gè)圖片時(shí)，需要根據(jù)圖片的URL找到這個(gè)圖片并下載顯示出來(lái),圖像元素img,課堂實(shí)踐,布置習(xí)題,學(xué)習(xí)目標(biāo),教學(xué)總結(jié),課程引導(dǎo),利用HTML編寫(xiě)簡(jiǎn)單網(wǎng)頁(yè),學(xué)習(xí)情境3,知識(shí)講解,相關(guān)知識(shí)點(diǎn),IMG元素 功能：引用圖片URL 語(yǔ)法： 空標(biāo)記，無(wú)需要結(jié)束標(biāo)記,圖像元素img,主要屬性： Src 指明圖片的URL Alt 設(shè)定鼠標(biāo)移動(dòng)到圖片上時(shí)顯示的文字 Width 指明要顯示的圖片的高度，單位是像素，像素的英文縮寫(xiě)是px。 Height 指明要顯示的圖片的寬度，單位同上 vspace 垂直邊距 Hspace 水平邊距 Align 指明圖片的對(duì)齊方式，有：top、middle、bottom、left、right等屬性值 Border 指明圖片的邊框?qū)挾?，無(wú)該屬性或值為0時(shí)，表示無(wú)邊框 Lowsrc 設(shè)定低分辨率圖片URL Usemap 指明該圖片是否有熱區(qū)，其值指向一個(gè)map元素,例：引用一圖片，存放在本地計(jì)算機(jī)的D盤(pán)myphoto文件夾中，文件名為photo1.jpg，要求:在網(wǎng)頁(yè)中鼠標(biāo)指向圖片時(shí)顯示：“這是一幅示例圖片”的字樣，邊框?qū)挾葹?，圖片高度300，寬度200，對(duì)齊方式為居中對(duì)齊。試寫(xiě)出其HTML代碼 ,課堂實(shí)踐,布置習(xí)題,學(xué)習(xí)目標(biāo),教學(xué)總結(jié),課程引導(dǎo),利用HTML編寫(xiě)簡(jiǎn)單網(wǎng)頁(yè),學(xué)習(xí)情境3,知識(shí)講解,案例05 創(chuàng)建簡(jiǎn)單表格,案例操作過(guò)程,相關(guān)知識(shí)點(diǎn),課堂實(shí)踐,布置習(xí)題,學(xué)習(xí)目標(biāo),教學(xué)總結(jié),課程引導(dǎo),利用HTML編寫(xiě)簡(jiǎn)單網(wǎng)頁(yè),學(xué)習(xí)情境3,知識(shí)講解,相關(guān)知識(shí)點(diǎn),表格元素一共有5個(gè),用來(lái)定義表格的標(biāo)題、行和列。 table caption tr th td,表格元素,1. Table 功能：用來(lái)標(biāo)志一個(gè)表格。 語(yǔ)法： 表格內(nèi)容 屬性：align bgcolor cellpadding cellspacing height width Table的元素很多，上述幾個(gè)是最常用的。 Align ：對(duì)齊方式。 Bgcolor: 表格的背景色。 Border: 表格邊框的寬度。 Cellpadding: 單元格中的內(nèi)容到表格邊框線的最短距離。 Cellspacing: 兩個(gè)單元格之間的距離。 Height: 表格高度，其值可以是像素或百分比。 Width: 表格寬度，其值可以是像素或百分比。 這里的百分比是指該高度或?qū)挾日颊麄€(gè)屏幕的百分比。,2. Caption 功能：指明表格的標(biāo)題或說(shuō)明 語(yǔ)法： 表格標(biāo)題 屬性：align align有四個(gè)值：top，bottom，left，right。如果沒(méi)有指定align屬性，默認(rèn)值是表格的上方且居中顯示標(biāo)題。 例：學(xué)生成績(jī)登記表,3. Tr 功能：定義表格的一行。一個(gè)table元素中至少要有一個(gè)Tr元素。Tr元素可以嵌套Td和Th子元素。 語(yǔ)法： 或者 或者 屬性：align valign bgcolor等 Align: 設(shè)置該行中內(nèi)容的水平對(duì)齊方式 Valign: 設(shè)置該行中內(nèi)容的垂直對(duì)齊方式 其值可以是：baseline(基線對(duì)齊) bottom(底端對(duì)齊) top(頂端對(duì)齊) middle(垂直居中) Bgcolor: 設(shè)置該行的背景色，此項(xiàng)設(shè)置會(huì)覆蓋表格的背景色，即table中的bgcolor顏色設(shè)置。,4. Th, Td 功能：指明表格某一行中的某一列，即一個(gè)單元格。與基本一樣，唯一不同的就在于會(huì)將單元格內(nèi)的內(nèi)容以粗體且默認(rèn)居中顯示，故經(jīng)常用于表格的表頭，也就是第一行或者第一列，而用于普通的單元格且默認(rèn)為左對(duì)齊。 語(yǔ)法： 單元格內(nèi)容 單元格內(nèi)容 屬性：align valign bgcolor colspan rowspan height width nowrap bgcolor 該屬性在表格中的排序是： th，td tr table colspan和rowspan用于不規(guī)則的表格，其值是一個(gè)正整數(shù)。colspan指明該單元格跨越幾列；rowspan指明該單元格跨越幾行。 nowrap 設(shè)置內(nèi)容超過(guò)單元格寬度時(shí)不換行，否則將自動(dòng)換行。,課堂實(shí)踐,布置習(xí)題,學(xué)習(xí)目標(biāo),教學(xué)總結(jié),課程引導(dǎo),利用HTML編寫(xiě)簡(jiǎn)單網(wǎng)頁(yè),學(xué)習(xí)情境3,知識(shí)講解,知識(shí)拓展：HTML的其他元素介紹,HTML的元素可以分為： 文件結(jié)構(gòu)元素（html、head、body、frameset） 頭部元素（title、base、meta、link、style等） 格式元素（font、b、i、u 、p、h1-h6、pre、br、adress等） 圖片元素（img） 鏈接元素（a） 列表元素（ul、ol、dl、li、dt、dd） 表格元素（table、tbody、caption、tr、th、td） 表單元素（form、input、select、textarea） 層元素（div、span） 腳本元素（script） 對(duì)象元素（applet、param、object、embed、noembed）,課堂實(shí)踐,布置習(xí)題,學(xué)習(xí)目標(biāo),教學(xué)總結(jié),課程引導(dǎo),利用HTML編寫(xiě)簡(jiǎn)單網(wǎng)頁(yè),學(xué)習(xí)情境3,知識(shí)講解,頁(yè)面效果圖,綜合案例實(shí)訓(xùn) 制作“九龍灣” 圖文混排網(wǎng)頁(yè),實(shí)訓(xùn)步驟： 1. 新建文件夾：“D:webdesignjiulongwuan”，將“隨書(shū)光盤(pán)03最終文件綜合案例實(shí)驗(yàn)images”文件夾復(fù)制到“D:w

溫馨提示

  • 1. 本站所有資源如無(wú)特殊說(shuō)明，都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請(qǐng)下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等，如果需要附件，請(qǐng)聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙，網(wǎng)頁(yè)內(nèi)容里面會(huì)有圖紙預(yù)覽，若沒(méi)有圖紙預(yù)覽就沒(méi)有圖紙。
  • 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
  • 5. 人人文庫(kù)網(wǎng)僅提供信息存儲(chǔ)空間，僅對(duì)用戶上傳內(nèi)容的表現(xiàn)方式做保護(hù)處理，對(duì)用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯，并不能對(duì)任何下載內(nèi)容負(fù)責(zé)。
  • 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容，請(qǐng)與我們聯(lián)系，我們立即糾正。
  • 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時(shí)也不承擔(dān)用戶因使用這些下載資源對(duì)自己和他人造成任何形式的傷害或損失。

最新文檔

評(píng)論

0/150

提交評(píng)論