教學(xué)內(nèi)容1、演示并講解用表格布局制作的網(wǎng)頁(yè)2、用表格制作-預(yù)覽頁(yè)
【正文】 格標(biāo)記的使用上一頁(yè) 下一頁(yè)/table/td/tr/table（ 3）效果如圖 33所示：教學(xué)難點(diǎn)教學(xué)內(nèi)容教學(xué)目的教學(xué)重點(diǎn)教學(xué)過(guò)程項(xiàng)目三 HTML表格與單元格標(biāo)記的使用上一頁(yè) 下一頁(yè)（ 4）知識(shí)點(diǎn)講解cellSpacing=1：設(shè)定表格內(nèi)框線寬度為 1；cellPadding=0：設(shè)定表格內(nèi)文字與表格框線之間的間距為 0；bgColor=ff9933：設(shè)定背景顏色為橙色，它是一種激奮的色彩，具有輕快，歡欣，熱烈，溫馨，時(shí)尚的效果；border=“0” ：表示將表格的外框隱藏不顯示；Tr是 table row縮寫(xiě)，用來(lái)聲明這是表格中水平線的開(kāi)始。語(yǔ)法： tr align=left｜c(diǎn)enter|rightValign 行的文字垂直對(duì)齊方式。若在 tr內(nèi)，此兩屬性對(duì)該行中的所有字段均有效。td標(biāo)記Td是 table data的縮寫(xiě)，用來(lái)聲明這是字段數(shù)據(jù)的開(kāi)始，在儲(chǔ)存單元內(nèi)的數(shù)據(jù)預(yù)設(shè)靠左且置中。教學(xué)難點(diǎn)教學(xué)內(nèi)容教學(xué)目的教學(xué)重點(diǎn)教學(xué)過(guò)程項(xiàng)目三 HTML表格與單元格標(biāo)記的使用上一頁(yè) 下一頁(yè)（一）演示并講解用表格布局制作的 網(wǎng)頁(yè)演示學(xué)完 HTML后要完成的如圖 31中國(guó)茶吧網(wǎng)站中的網(wǎng)上商城頁(yè)面。下面我們介紹表格的各種屬性設(shè)定、如何在表格加入文字、圖片等對(duì)象、表格標(biāo)題以及利用表格來(lái)配置版面。 /tr可省略。在 th標(biāo)記內(nèi)亦可加入 align和 valign兩個(gè)屬性來(lái)控制該字段內(nèi)的對(duì)齊方式，有效范圍只限該欄的數(shù)據(jù)。語(yǔ)法： tr bordercolor=“ 顏色 ” Align 行的文字水平對(duì)齊方式。 Border默認(rèn)值為 1，因此 table標(biāo)記內(nèi)出現(xiàn)border和 border=“1” 的意義是相同的。1)caption為成對(duì)標(biāo)記，必須置于 table標(biāo)記范圍內(nèi)。教學(xué)難點(diǎn)教學(xué)內(nèi)容教學(xué)目的教學(xué)重點(diǎn)教學(xué)過(guò)程項(xiàng)目三 HTML表格與單元格標(biāo)記的使用上一頁(yè) 下一頁(yè)4)Align屬性：設(shè)定標(biāo)題對(duì)齊方式，和 valign屬性一起連用，value2值如下：Left：將標(biāo)題置于左方。它表示該儲(chǔ)存單元要占用欄的寬度。屬性值用數(shù)字表示。通過(guò)這次課我們對(duì)表格和單元格的屬性有一定的的認(rèn)識(shí)和了解，根據(jù)上述內(nèi)容，我們?cè)偻ㄟ^(guò)理論和實(shí)踐相結(jié)合，多練習(xí)，多操作，對(duì)網(wǎng)頁(yè)的制作中表格的操作有更深的
環(huán)評(píng)公示相關(guān)推薦
鄂ICP備17016276號(hào)-1