教學(xué)內(nèi)容1、演示并講解用表格布局制作的網(wǎng)頁(yè)2、用表格制作(更新版)
【正文】 學(xué)過(guò)程項(xiàng)目三 HTML表格與單元格標(biāo)記的使用上一頁(yè) 下一頁(yè)表格的建立 語(yǔ)法說(shuō)明如下表：標(biāo)記 /屬性 說(shuō) 明table標(biāo)記 table用來(lái)聲明這是表格的開(kāi)始，并負(fù)責(zé)設(shè)定tr標(biāo)記Tr是 table row縮寫，用來(lái)聲明這是表格中水平線的開(kāi)始。屬性值為數(shù)值，數(shù)值越大，表格內(nèi)文字與表格框線的間距越大Cellspacing設(shè)定表格內(nèi)框線寬度，屬性值為數(shù)值，數(shù)值越大，內(nèi)框線越寬Bgcolor 設(shè)置表格內(nèi)邊框的顏色。在 HTML中是通過(guò) caption標(biāo)記來(lái)設(shè)定，語(yǔ)法： caption valign=“value1” align=“value2” tblname/caption功能：當(dāng)表格的標(biāo)題或批注使用。跨行合并我們可在 td或 th標(biāo)記中加入 colspan（欄展開(kāi)）的屬性來(lái)做儲(chǔ)存單元的合并，這個(gè)屬性可用來(lái)控制儲(chǔ)存單元的數(shù)目。表格是一行一行建立的，在每一行中填入該行每一列的表格數(shù)據(jù)。 教學(xué)難點(diǎn)教學(xué)內(nèi)容教學(xué)目的教學(xué)重點(diǎn)教學(xué)過(guò)程項(xiàng)目三 HTML表格與單元格標(biāo)記的使用上一頁(yè) 下一頁(yè)【 作業(yè) 】 按實(shí)驗(yàn)內(nèi)容完成網(wǎng)上的操作，完成實(shí)驗(yàn)報(bào)告，在實(shí)驗(yàn)報(bào)告中要求記錄如下內(nèi)容：表格的幾種屬性；用十六進(jìn)制、英文單詞寫出六種顏色；根據(jù)上述所講內(nèi)容完成如圖所示（截圖）的頁(yè)面。屬性值用數(shù)字表示。2)Tblname參數(shù)代表該表格的標(biāo)題名稱。語(yǔ)法： tr align=left｜c(diǎn)enter|rightValign 行的文字垂直對(duì)齊方式。td標(biāo)記Td是 table data的縮寫，用來(lái)聲明這是字段數(shù)據(jù)的開(kāi)始，在儲(chǔ)存單元內(nèi)的數(shù)據(jù)預(yù)設(shè)靠左且置中。下面我們介紹表格的各種屬性設(shè)定、如何在表格加入文字、圖片等對(duì)象、表格標(biāo)題以及利用表格來(lái)配置版面。在 th標(biāo)記內(nèi)亦可加入 align和 valign兩個(gè)屬性來(lái)控制該字段內(nèi)的對(duì)齊方式，有效范圍只限該欄的數(shù)據(jù)。 Border默認(rèn)值為 1，因此 table標(biāo)記內(nèi)出現(xiàn)border和 border=“1” 的意義是相同的。教學(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)題置于左方。屬性值用數(shù)字
環(huán)評(píng)公示相關(guān)推薦
鄂ICP備17016276號(hào)-1