教學(xué)內(nèi)容1、演示并講解用表格布局制作的網(wǎng)頁2、用表格制作(完整版)
【正文】 教學(xué)過程項目三 HTML表格與單元格標(biāo)記的使用上一頁 下一頁 教學(xué)難點表格的插入單元格的相關(guān)操作用表格布局制作一個網(wǎng)頁教學(xué)難點教學(xué)內(nèi)容教學(xué)目的教學(xué)重點教學(xué)過程項目三 HTML表格與單元格標(biāo)記的使用上一頁 下一頁引言： 在網(wǎng)頁設(shè)計中適當(dāng)?shù)氖褂帽砀駥⒉煌再|(zhì)和部分加以區(qū)分，不但能使整個網(wǎng)頁看起來整齊而且可讀性增高。 /td可略。語法： tr valign=top|middle|bottomWidth 設(shè)定表格寬度Height 設(shè)定表格高度Background 設(shè)定表格的背景圖片Border屬性用來設(shè)定表格外框的寬度。3)Valign屬性：用來設(shè)定標(biāo)題位置，可以和 align屬性連用，value1值如下：Top：將標(biāo)題置于表格的上方（默認值）?？缌泻喜⑽覀兛稍?td或 th標(biāo)記中加入 rowspan（列展開）的屬性來做儲存單元的合并，這個可用來控制儲存單元的數(shù)目。（素材在D:\yhf\項目三： HTML表格與單元格標(biāo)記的使用 \網(wǎng)上商城 \表格部分）頁面為 D:\yhf\項目三： HTML表格與單元格標(biāo)記的使用 \網(wǎng)上商城 \表格部分 \。任何表格都有三個基本要素：表行、表頭和表項，每個要素都有自己的標(biāo)簽。Right：將標(biāo)題置于右方。教學(xué)難點教學(xué)內(nèi)容教學(xué)目的教學(xué)重點教學(xué)過程項目三 HTML表格與單元格標(biāo)記的使用上一頁 下一頁（三）制作下圖所示的頁面教學(xué)難點教學(xué)內(nèi)容教學(xué)目的教學(xué)重點教學(xué)過程項目三 HTML表格與單元格標(biāo)記的使用上一頁 下一頁語法：表格的標(biāo)題與表頭 大部分的表格都會在表格的上面加上標(biāo)題文字，讓人能夠知道該表格的功用。（二）用表格制作圖 32頁面的上部分內(nèi)容，如下 圖教學(xué)難點教學(xué)內(nèi)容教學(xué)目的教學(xué)重點教學(xué)過程項目三 HTML表格與單元格標(biāo)記的使用上一頁 下一頁Cellpadding設(shè)定表格內(nèi)文字與表格框線之間的間距。 圖 31 中國茶吧網(wǎng)站中網(wǎng)上商城頁面教學(xué)難點教學(xué)內(nèi)容教學(xué)目的教學(xué)重點教學(xué)過程項目三 HTML表格與單元格標(biāo)記的使用上一頁 下一頁演示本次課要完成的用表格制作 如圖 32的頁面內(nèi)容。教學(xué)難點教學(xué)內(nèi)容教學(xué)目的教學(xué)重點教
環(huán)評公示相關(guān)推薦
鄂ICP備17016276號-1