HTML5使用標簽創(chuàng)建網(wǎng)頁結(jié)構(gòu)，設置CSS屬性完成網(wǎng)頁布局。120HTML5基礎語法與文檔結(jié)構(gòu)，語義化標簽及多媒體元素的應用，理解盒子模型和常見布局流技術，綜合運用CSS知識，提升網(wǎng)頁布局能力和動態(tài)表現(xiàn)效果。24.9表格標簽該班人數(shù)M人，年齡約N歲，中技階段，學習本課程之前已有一定的計算機基礎認知，均具備數(shù)年的網(wǎng)齡，對網(wǎng)頁相關概念及技術有一些簡單的了解。知識目標：（1）table標簽及thead、tbody、th、tr、td子標簽的用法。（2）常見表格的制作。（3）表格樣式的定義，掌握Odd、even關鍵字。能力目標：具備制作常規(guī)表格的能力。素養(yǎng)目標：了解本章成語的出處，理解成語含義與知識點理解的結(jié)合。table標簽及子標簽表頭th與td標簽的設置，thead、tbody的使用及記憶方法。通過與head、body標簽的聯(lián)想來理解標簽的用法。odd、even關鍵字的應用。通過具體案例的嘗試來理解odd、even參數(shù)的作用。運用實例演示法，通過實際案例或操作演示，讓學生直觀理解抽象概念。實施項目驅(qū)動教學，鼓勵學生獨立或分組完成任務，培養(yǎng)團隊協(xié)作與問題解決能力。利用在線實訓平臺，提供個性化學習路徑，滿足不同水平學生的學習需求。通過提問或講授的形式回顧之前的知識點，引入本次課的相關知識點的背景知識，然后講授具體的知識要點及任務實現(xiàn)的注意事項，通過任務實施環(huán)節(jié)讓學生各自或分組進行練習。教師隨堂抽查部分作品，根據(jù)課堂表現(xiàn)情況予以適當?shù)难a充，根據(jù)學生接納情況選擇性講解任務擴展內(nèi)容，最后以學生自我評價或小組評價完成任務的檢測，教師最終進行點評及總結(jié)。Windows操作系統(tǒng)、Hbuilder軟件、谷歌、火狐瀏覽器。隨堂考查、自我評價或小組評價是否正確、無誤達到任務要求復習頁腳部分采用的dl標簽，dl標簽的結(jié)構(gòu)。多組dl標簽水平排列，主要使用float屬性進行布局。回答問題教師提問，演示。思維導圖法或問題導向法幫助學生整理知識結(jié)構(gòu)。引入在呈現(xiàn)大量文字類數(shù)據(jù)時，我們經(jīng)常采用表格形式展示數(shù)據(jù)，如產(chǎn)品價格、學生成績、電影時間表等。表格可以清晰地展示數(shù)據(jù)的結(jié)構(gòu)和關系。聽講講授，演示。任務驅(qū)動法，讓學生了解任務目標。思考教師引導、提示知識講授4.9表格標簽HTML表格是一種用于展示結(jié)構(gòu)化數(shù)據(jù)的標記語言元素。每個表格均有若干行，由<tr>標簽定義；每行被分割為若干單元格，由<td>標簽定義；表格還可以包含標題行<th>用于定義列的標題。tr：表示表格的一行。td：表示表格的數(shù)據(jù)單元格。th：表示表格的表頭單元格。1.table標簽<table>標簽用于創(chuàng)建表格，它是一種將數(shù)據(jù)按行和列組織排列的結(jié)構(gòu)，用于在網(wǎng)頁中呈現(xiàn)復雜的數(shù)據(jù)集。比如最常見的用途是以表格形式展示數(shù)據(jù)，如產(chǎn)品價格、學生成績、電影時間表等。表格可以清晰地展示數(shù)據(jù)的結(jié)構(gòu)和關系。還可以用于創(chuàng)建網(wǎng)頁表單，通過在表格單元格中放置表單控件（如文本框、復選框、下拉菜單等），用戶可以方便地輸入數(shù)據(jù)。2.tr標簽 <tr>

標簽行中可以包含<th>或<td>單元格，用來顯示表格的標題或數(shù)據(jù)。3.td標簽<th>標簽定義表格中的數(shù)據(jù)單元格。每個單元格可以包含各種類型的內(nèi)容，包括文本、圖像、鏈接等。此外，單元格還可以包含其他HTML元素，如段落、列表等。4.th標簽<th>標簽定義表格中的表頭單元格（標題單元格）。聽講演示任務達到的效果，講解代碼演示法讓學生明確分階段或最終的任務效果。講授法讓學生掌握完成本次任務需要了解的核心知識點。實驗法可以在講授過程中對個別難以理解的知識點有直觀的剖析。任務實施【案例22】完成如圖4-99所示的表格。（1）編寫大體框架的HTML代碼。如何記憶thead和tbody的結(jié)構(gòu)？Thead——tableheadTbody——tablebody類推tfooter標簽定義的是什么？（2）設置每個單元格的右、下邊框，同時設置整個表格的上、左邊框。這樣就可以得到效果。編寫對應的CSS代碼。（3）保存文件后預覽的效果。（4）接下來設置第3列的列寬，同時給奇數(shù)行設置背景色。上機操作提問。巡堂指導，提醒易出錯的事項實踐法旨在培養(yǎng)學生項目開發(fā)能力。任務擴展任務檢測被考評人（組）：考評人：日期：評分項目過程表現(xiàn)分值得分項目搭建站點結(jié)構(gòu)正確，文件命名合理。10Thead標簽代碼正確，內(nèi)部th標簽正確。30Tbody標簽代碼正確，內(nèi)部tr和td標簽正確。30Css樣式預覽效果與原圖一致。30總分說明：評分項目為任務實施中要求學生掌握的技能點?；ハ帱c評作業(yè)抽樣點評分組討論法加強團隊協(xié)作能力。總結(jié)通過本課，要求我們掌握：（1）table標簽及thead、tbody、t