网站规划建设与管理维护（第三版） 课件 单元3 使用HTML5编写网页.pptx

单元3使用HTML5编写网页网站规划建设与管理维护（第三版）

单元3使用HTML5编写网页学习目标1了解HTML5的基本语法与格式掌握HTML5各种标签的应用会编写HTML5网页培养学生精益求精的工作态度

单元内容及任务说明任务1体验使用HTML5编写网页HTML是HypertextMarkupLanguage（超文本标记语言）的缩写，是一种基于SGML（标准通用标记语言）的标记语言，是Web用于编辑网页的主要工具。现在我们常常习惯于用数字来描述HTML的版本（如：HTML5）。XML是Web上表示结构化信息的一种标准文本格式，它没有复杂的语法和包罗万象的数据定义。本任务围绕体验H5编写网页展开。任务2创建HTML5标签任务3使用XHML设置格式HTML5作为一种标识性的语言，是由一些特定符号和语法组成的，所以理解和掌握都十分容易。本任务围绕学习创建HTML5标签展开。在由HTML过渡到XHTML的过程中，添加了一些新的元素和属性，并删除了一些陈旧的标签和属性，样式和内容的分离及CSS的引入是其改变的主要原因。应当注意到，目前Web页面上很多都是逐渐淘汰的标签，而且代码没有严格按照标准编写，例如标签名以大写形式书写、属性值遗漏引号、页面没有DOCTYPE声明等，但这些代码能被浏览器正常显示。当然我们不提倡学习其他人的不良编程习惯，但是有必要在新旧技术共存的时期了解各种标签。本任务围绕设置格式任务展开。

单元内容及任务说明任务4使用HTML5制作表格表格通常用于显示各种样式的数据，例如课程表、财务报告和比赛得分表等。有些网页设计人员也经常利用表格来控制页面布局。本任务围绕制作表格-班委民意测评表任务展开。任务5使用HTML5设计表单任务6使用HTML定义框架集表单使网页具有交互的功能，使用户不再单纯地接收和阅读来自Web服务器的信息，也可以把自己的要求发送给服务器，经过服务器上的ASP、PHP或JSP等脚本程序的处理后，再将用户所需信息传送回客户端的浏览器上，这样网页就具有了交互性。本节只介绍怎样使用HTML的标签设计表单，至于收集表单数据的服务器处理程序的编制请参看相关书籍。本任务围绕使用HTML5设计表单展开。框架集的主要优点之一是用户利用它能够加载或重新加载单个框架，而不需要重新加载整个浏览器窗口的全部内容。本任务围绕使用XHTML定义框架集展开。

任务1体验使用HTML5编写网页任务实施-编写网页体验

相关知识

任务2创建HTML5标签确定网站建设的目的01任务实施-班级聚会网页中标签的使用标签的使用

任务实施-班级聚会网页中标签的使用

相关知识html、head和title标签meta标签link、base和script标签style标签、!--注释内容--和body标签p、pre、br/和hr标签010203060405HTML5新增结构元素

相关知识

相关知识

任务3使用XHML设置格式确定网站建设的目的8888888888888确定网站建设的目的网站结构总体策划010205任务实施-标签的使用hn标签的使用div和span标签的使用列表的使用确定网站建设的目的03span标签的使用确定网站建设的目的04marquee标签创建滚动效果

任务实施-编写网页体验

任务实施-编写网页体验

任务实施-编写网页体验

任务实施-编写网页体验

任务实施-编写网页体验

相关知识

相关知识-marquee标签属性用途direction表示滚动的方向，值可以是left、right、up、down、默认值为leftbehavior表示滚动的方式，值可以是scroll（连续滚动）、slide（滑动一次）、alternate（来回滚动）loop表示循环的次数，值是正整数，默认为无限循环scrollamount表示移动速度，值是正整数，默认值为6scrolldelay表示停顿时间，值是正整数，默认值为0，单位是msvalign表示元素的垂直对齐方式，值可以是top、middle、bottom，默认值为middlealign表示元素的水平对齐方式，值可以是left、center、right，默认值为leftbgcolor表示运动区域的背景色，值是十六进制的RGB颜色，默认值为白色height、width表示运动区域的高度和宽度，值是正整数（单位是像素）或百分数，默认width=100%，height为标签内元素的高度hspace、vspace表示元素到区域边界的水平距离和垂直距离，值是正整数，单位是像素