高中信息技術選修3：網絡技術應用 5.2 網頁的文件結構及支持技術

《成語》網站賞析2超文本標記語言進入課程浙教版網絡技術應用信息技術高一年級凌源市實驗中學于莉HTML簡介HTML文件結構成語網頁探究學生上機實踐HTML簡介HTML文件結構成語網頁探究學生上機實踐什么是超文本標記語言？HTML（超文本標記語言——HyperTextMarkupLanguage）構成Web世界的一磚一瓦描述并定義了一個網頁的內容屬性和基本布局意義：理解網頁的制作原理和運行機制熟悉網頁構件及其作用和效果HTML簡介HTML文件結構成語網頁探究學生上機實踐HTML簡介HTML文件結構成語網頁探究學生上機實踐HTML的文件結構有什么特征？HTML簡介HTML文件結構成語網頁探究學生上機實踐請在這里輸入文字描述一段話html元素文檔標題文檔搜索關鍵字文檔生成器head元素（頭元素）文本表格圖片動畫鏈接body元素（體元素）HTML元素體由三大部分組成：HTML簡介HTML文件結構成語網頁探究學生上機實踐body元素<bodybackground="images/background.jpg">body元素的元素體

<divalign="center">

</div><strong>靜態(tài)網頁</strong>

HTML語言：<br>是超文本標記語言（HyperTextMarkupLanguage）的縮寫。………………</body>賦值符元素名稱開始標注屬性值屬性名結束標注HTML簡介HTML文件結構成語網頁探究學生上機實踐HTML語句表達方式有哪些類型？12HTML的語句表達方式<元素名>文件或超文本</元素名><元素名屬性名=“屬性值”…>文件或超文本</元素名><元素名>或<元素名屬性名=“屬性值”…>HTML簡介HTML文件結構成語網頁探究學生上機實踐說明：元素和標注一一對應，元素名也叫標注名。如“<”和“body”之間不能有空格。元素名稱不分大小寫。一個元素可以有多個屬性，屬性及其屬性值不分大小寫，各個屬性用空格分開。頭元素中一般元素次序可變體元素中元素次序敏感網站首頁名通常為index.htm或index.html14點擊添加文本點擊添加文本點擊添加文本點擊添加文本成語：負荊請罪15制作提要修改標題（教師演示）添加表格代碼、文本代碼、圖片代碼（教師演示）添加動畫代碼、動態(tài)滾動代碼、超鏈接代碼（學生講解）HTML簡介HTML文件結構成語網頁探究學生上機實踐16HTML簡介HTML文件結構成語網頁探究學生上機實踐元素描述屬性

<table>定義表格cellspacing屬性規(guī)定單元格之間的空間。cellpadding屬性規(guī)定單元邊沿與其內容之間的空白。width定義單元格寬度。background定義單元格背景。border定義單元格邊框。align定義單元格對齊方式。<tr>

定義表格的行<td>

定義表格單元<p>定義一個段落<br>換行

<font>定義文本格式color定義文本顏色。size定義文本尺寸。face定義文本字體。17HTML簡介HTML文件結構成語網頁探究學生上機實踐元素描述屬性<img>

定義圖像src設置圖像的URL地址。width和height設置圖像寬度和高度。<object>表示一個外部的資源<embed>

嵌入多媒體元素src、width、height、type、quality設置嵌入內容的URL地址、寬度、高度、類型、質量。<param>設置對象參數(shù)<marquee>創(chuàng)建一個滾動的效果scrollamount、direction、height控制滾動速度、方向、高度。<a>定義超鏈接href規(guī)定鏈接指向的頁面的URL。target規(guī)定在何處打開鏈接文檔。HTML簡介HTML文件結構成語網頁探究學生上機實踐18小組合作完成任務兩人一組，每組從精衛(wèi)填海、毛遂自薦、囊螢映雪中選擇一個成語。一人使用DreamWeaver軟件制作該成語的HTML文件，要求修改標題、添加表格、文本、圖片、動畫、動態(tài)滾動、超鏈接代碼。另一個人分析代碼，列舉所含元素及其屬性、屬性值。實踐評價。HTML簡介HTML文件結構成語網頁探究學生上機實踐19分析代碼元素屬性屬性1屬性2……屬性值屬性值……屬性1屬性2……屬性值屬性值……屬性1屬性2……屬性值屬性值…………………………HTML簡介HTML文件結構成語網頁探究學生上機實踐20評價指標自我評價他人評價活動質量對HTML運用非常熟練，屬性分析正確9~10分10對HTML運用較為熟練，屬性分析較為正確6~8分8對HTML運用基本熟練，屬性分析基本知曉3~5分對HTML運用不熟練，屬性分析有待學習0~2分實踐評價表21課堂測試