Web编程基础（HTML+CSS）项目实战教程任务1-创建网页结构教学课件.pptx

《Web编程基础（HTML+CSS）项目实战教程任务1-创建网页结构教学课件.pptx》由会员分享，可在线阅读，更多相关《Web编程基础（HTML+CSS）项目实战教程任务1-创建网页结构教学课件.pptx（18页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、Web编程基础（HTML+CSS）项目实战教程任务1-创建网页结构模块2：制作图文并茂的新闻页面WEB模块2：制作图文并茂的新闻页面掌握HTML文档的基本结构；掌握HTML文本标记和属性的使用方法；掌握添加普通文本、标题和特殊符号的方法；掌握水平线和换行标记的使用；掌握div和span标记的使用；掌握图像标记img的基本使用。模块2：制作图文并茂的新闻页面任务1：创建网页结构任务2：添加网页文本内容任务3：设置网页图文并茂任务1：创建网页结构WEB2.1 任任务1：创建网建网页结构构【任务描述】本任务主要完成对“致敬最美逆行者”新闻页面的文档结构创建，使学习者掌握HTML网页文档的基本结构，掌

2、握文档结构中的基本标签，了解标签、属性的含义，掌握标签的语法和代码的规范书写。创建网页结构HTML文档结构HTML基本语法Head标记HTML文档结构HTML文档的基本结构包含如下内容：课堂实训任务描述：制作我的第一张网页，熟练掌握HTML文档结构创建，修改标题、正文内容等，页面效果如图所示。小小结：HTML文档结构网页标题 网页正文内容文档类型声明html 标记对head 标记对body 标记对文件头文件体HTML 不是一种编程语言，而是一种描述性的标记语言。HTML标记用来描述HTML元素。HTML标记是由尖括号（“”）包围的关键词，如标记。HTML基本语法标记不区分大小写，所以 和 的含

3、义相同，推荐使用小写。语法格式为：内容 HTML基本语法尖括号结束标记内容开始标记斜杠 这是我的第一个网页。HTML基本语法HTML注释注释标签 用于在 HTML 插入注释。注意：浏览器不会显示注释的内容，但是能够帮助记录HTML 文档。可以使用注释在 HTML 中放置通知和提醒信息。课堂实训任务描述：制作页面，效果如图所示，重点分析文档结构，基本语法，并且在文档中添加作者、所使用的开发工具和软件开发时间等注释信息。Head标记 文档的标题 文档的内容.Head标记的定义和用法Head标记制作页面，当用户单击“查看”按钮时，弹出消息对话框显示“hello world.”，运行效果如图所示。在head标记中定义样式和脚本。任务1-创建网页结构HTML文档，以标记开始文档，以标记结束文档；文档中包含和两部分；HTML标记分为 单标记 和 双标记；注释标签 用于在 HTML 插入注释。课后作业超星学习平台上完成本模块作业学习平台完成线上预习任务学习平台中参与话题讨论学习平台中按要求完成过程性考核任务