HTML5使用標簽創(chuàng)建網(wǎng)頁結構，設置CSS屬性完成網(wǎng)頁布局。120HTML5基礎語法與文檔結構，語義化標簽及多媒體元素的應用，理解盒子模型和常見布局流技術，綜合運用CSS知識，提升網(wǎng)頁布局能力和動態(tài)表現(xiàn)效果。24.5文本類標簽該班人數(shù)M人，年齡約N歲，中技階段，學習本課程之前已有一定的計算機基礎認知，均具備數(shù)年的網(wǎng)齡，對網(wǎng)頁相關概念及技術有一些簡單的了解。知識目標：（1） 掌握P標簽的用法和使用場景。（2） 掌握p標簽的常見樣式設置。（3） 掌握h類標簽的使用場景。能力目標：具備對p標簽容器設置合理、美觀的樣式的能力。素養(yǎng)目標：（1）了解本章成語的出處，理解成語含義與知識點理解的結合。p標簽、h類標簽設置文本段落的首行縮進、行高、字體大小、字體樣式、顏色。通過引導學生聯(lián)想word操作來引入相關知識點。記憶常見屬性的英文單詞、區(qū)分h類標簽的使用場景。采用演示及總結來強調(diào)h類標簽。運用實例演示法，通過實際案例或操作演示，讓學生直觀理解抽象概念。實施項目驅(qū)動教學，鼓勵學生獨立或分組完成任務，培養(yǎng)團隊協(xié)作與問題解決能力。利用在線實訓平臺，提供個性化學習路徑，滿足不同水平學生的學習需求。通過提問或講授的形式回顧之前的知識點，引入本次課的相關知識點的背景知識，然后講授具體的知識要點及任務實現(xiàn)的注意事項，通過任務實施環(huán)節(jié)讓學生各自或分組進行練習。教師隨堂抽查部分作品，根據(jù)課堂表現(xiàn)情況予以適當?shù)难a充，根據(jù)學生接納情況選擇性講解任務擴展內(nèi)容，最后以學生自我評價或小組評價完成任務的檢測，教師最終進行點評及總結。Windows操作系統(tǒng)、Hbuilder軟件、谷歌、火狐瀏覽器。隨堂考查、自我評價或小組評價是否正確、無誤達到任務要求復習article元素是一段獨立的內(nèi)容，通常包含頭部（header元素）、底部（footer元素）。section元素的作用，是對頁面上的內(nèi)容分塊處理，例如對文章分段等，相鄰的section元素的內(nèi)容，應當是相關的，而不是像article那樣獨立。回答問題教師提問，演示。思維導圖法或問題導向法幫助學生整理知識結構。引入<p>標簽是HTML中的一個塊級元素，全稱paragraph，即“段落”，主要用于定義一段文本或內(nèi)容。以下是一些具體的使用場景。 文章段落內(nèi)容：在網(wǎng)頁文章中，每個段落可以使用一個<p>標簽來包裹，這樣有助于頁面的可讀性和維護性。例如，在一篇新聞文章中有3段文字，就可以把這3個段落分別放到3個<p>標簽中。 列表簡介信息：在無序列表或有序列表的旁邊，可以使用<p>標簽添加一些簡短的文字介紹或說明。 簡短文字介紹：對于網(wǎng)頁上的簡短文字介紹，如產(chǎn)品描述、功能說明等，也可以使用<p>標簽。聽講講授，演示。任務驅(qū)動法，讓學生了解任務目標。思考教師引導、提示知識講授4.5.1p標簽<p>標簽定義段落。文字行高的原因，p元素會自動在文字上下創(chuàng)建一些空白，瀏覽器會自動添加這些空間。也可以在樣式表中規(guī)定行高（line-height）來縮小空白。4.5.2h1~h6標簽h類標簽一共有h1、h2、h3、h4、h5、h6六個，h1是最大的標題，h6是最小的標題,標簽重要性依次下降，權重也依次下降。h標簽對于搜索引擎優(yōu)化（SEO）很重要，因為它有助于搜索引擎理解頁面的內(nèi)容結構。聽講演示任務達到的效果，講解代碼演示法讓學生明確分階段或最終的任務效果。講授法讓學生掌握完成本次任務需要了解的核心知識點。實驗法可以在講授過程中對個別難以理解的知識點有直觀的剖析。任務實施【案例8】打開“第4章-常用標簽-p標簽-素材.html”，設置文本段落的首行縮進、行高、字體大小、字體樣式、顏色等，提高瀏覽友好度?！景咐?】打開之前手繪的手機app布局效果圖，如圖4-45所示，將h標簽合理應用在企業(yè)首頁各欄目。（1）在內(nèi)容區(qū)域中，分為若干版面，每個版面都有特定的主題。那些主題就適合采用h類標簽書寫用以強調(diào)。（2）編寫對應的CSS代碼。（3）在瀏覽器中運行，預覽效果?！景咐?0】h標簽嵌套span標簽（1）裝飾性的元素，我們通常可以采用<span>無語義的標簽去定義樣式。（2）編寫對應的CSS代碼。上機操作巡堂指導，提醒易出錯的事項實踐法旨在培養(yǎng)學生項目開發(fā)能力。任務擴展任務檢測被考評人（組）：考評人：日期：評分項目過程表現(xiàn)分值得分項目搭建站點結構正確，文件命名合理。10練習1Html及css代碼正確，效果一致30練習2Html及css代碼正確，效果一致30練習3Html及css代碼正確，效果一致30總分說明：評分項目為任務實施中要求學生掌握的技能點?；ハ帱c評作業(yè)抽樣點評分組討論法加強團隊協(xié)作能力?？偨Y通過本課，要求我們掌握：（1）P標簽的用法和使用場景。（