1、1第 2 章 使用 HTML5 搭建旅游公司網站首頁結構Web 前端開發 項目名稱HTML5 標簽 課時演示性 驗證性 設計性 綜合性2. 掌握和標簽的使用1. 培養學生自主學習能力2. 培養學生團結協作、互幫互助的能力1. 任務描述2. 任務展示與實現(1)編寫 HTML5 的表格標簽(2)編寫 HTML5 的和標簽(3)編寫 HTML5 的各種語義化分段元素(5)學生動手操作3. 教師講解本任務涉及的知識點4. 任務小結2教學過程2織(教學內容、教學方法、組織形式、教學手段)做好課前“5 分鐘”教學管理(多媒體、實訓室)，做好上課前的各項準備工作(打開電腦、打開課件、打開軟件、打開U 盤中

2、的素材位置、打開授課計劃、教案等)，吸引學生注意力。【課前說明】【目的】使學生從了解本單元的學習目標、學習重點、考評方式等方面明確學習本單元知識的要求和目內容 HTML5 的表格標簽主要有等。標簽：用于定義表格，是表格最外層的標簽。標簽：展示一個表格的標題。標簽：代表表格中的行。標簽：代表表格中的單元格。標簽：代表表格中的表頭單元格。標簽：代表表格中的表頭。標簽：代表表格中的一塊具體數據(表格主體)。標簽：代表表格中的表尾。(1) 標簽v可以容納各種網頁元素。區塊容器有兩大特點：區塊元素必須獨占一行，不允許本行的后面再有其他內容；區塊容器默認情況下的寬度與它的父級標簽的寬度相同。因此，可以把與

3、3(2) 標簽標簽用來組合文檔中的行內元素。行內元素的特點剛好跟區塊容器的特點相反：行內元素不需要獨占一行，本行后面還允許有其他的內容；行內元素的寬度在默認情況下與它內部內容的寬度相同。(1) 標簽標簽代表“網頁”或“section”的頁眉，可以是“網頁”或任意 ection”的頭部部分，其通常包含一些引導和導航信息，用法如下。(2) 標簽標簽代表“網頁”或“section”的頁腳，可以是“網頁”或“section”的底部部分，通常含有該節的一些基本信息，如作者、相關文檔鏈接、版權資料，用法如下。(3) 標簽標簽代表“網頁”或“section”的標題，當元素有多個層級時，該元素可以將h1 到

4、h6元素放在其內，如文章的主標題和副標題的組合，用法如下。(4) 標簽標簽代表頁面的導航鏈接區域，用于定義頁面的主要導航部分，用法如下。(5) 標簽le(6) 標簽(7) 標簽成一體的內容，其目的是為了讓開發者獨立開發或重用，譬如論壇的帖子、博客的文章、一篇用戶的評論。除了它的內容， 會有一個標題(通常會在 header 里)和一個頁腳，用法如4(1) 標簽(2) 標簽(3) 標簽 hHTMLh(4) 標簽 HTML 5(5) 標簽p北，前端一枚5(6) 標簽(7) 標簽6本節課主要運用案例教學法，掌握 HTML5 基本標簽的使用方法，達到能夠獨立熟練運用 HTML5標簽來制作網頁的能力。教學評價方式以小組