第1章 HTML 基本标签和表单

《第1章 HTML 基本标签和表单》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、网页设计与开发—HTML、CSS、JavaScript网页设计技能结构图一网页设计技能结构图二本门课程目标学完本门课程后，你能够：制作界面美观大方、面向企业应用的静态商业网站掌握Web开发的行业规范和标准使用JavaScript实现表单验证使用JavaScript制作网页广告特效使用JavaSctipt制作弹出窗口特效使用JavaScript实现时钟特效使用JavaScript实现级联显示功能使用JavaScript+CSS制实现CSS样式特效使用JavaScript动态创建页面元素章节目录计划学

2、时第1章HTML基本标签和表单3第2章HTML表格和框架3第3章CSS样式表3第4章贵美商城网站设计和实现3第5章JavaScript基本语法3第6章函数和window对象3学习方法很重要复习并掌握先修课的有关内容课堂：听讲与理解、适当笔记课后：认真读书、完成作实验：充分准备、勇于实践总成绩＝考试成绩＋平时成绩学习要求参考书王津涛，孟庆昌，页设计与开发—HTML、CSS、JavaScript，清华大学出版社，2012参考书第1章HTML基本标签HTM和表单本章目标使用HTML的基本结构创建网页使用行级和块级标签

3、组织页面内容使用图像标签实现图文并茂的页面使用超链接实现页面间导航使用各种表单元素实现注册页面课程项目展示贵美商城首页商品展示页（点击左边“商品分类”任一链接）具体商品详细介绍页（点击任一商品图片）购物车页面（点击“立刻购买”按钮）登录页（点击右上方的导航菜单）注册页（点击右上方的导航菜单）帮助中心客服页面（点击右上方的导航菜单）本章任务1.制作图文并茂的商品介绍页本章任务2.制作页面间导航3.制作“注册”表单页面1.1HTML文档的基本结构HTML：HyperTextMarkupLangua

4、ge超文本标签语言HTML：网页的“源码”浏览器：“解释和执行”HTML源码的工具HTML告知浏览器如何显示网页1.1.1基本结构HTML文档的结构网页标题头部部分HTML网页HelloWorld!主体部分网页内容，可以是文本、图像等这部分包含文本、图像和链接，它包括在这部分包括标题和其他说明信息，包括在…标签标记HTML…

5、ody>…文档的开始和结束标签内1.1.2HTML的编辑工具记事本UltraEdit操作演示1：在记事本里创建网页1.1.3网页的摘要信息（1.1.3网页的摘要信息（标签）标签可提供有关页面的元信息（meta-information），包括文档内容类型、字符编码信息、搜索关键字、网主提供的功能和服务的详细描

6、述等。标签描述的内容并不显示，其目的是方便浏览器解析或利于搜索引擎搜索标签位于文档的头部，不包含任何内容。标签的属性定义了与文档相关联的名称/值对。必需的属性属性值描述contentsome_text定义与http-equiv或name属性相关的元信息1.1.3网页的摘要信息（标签）标签的属性定义了与文档相关联的名称/值对。必需的属性属性值描述contentsome_text定义与http-equiv或name属性相关的元信息可选属性属性值描述•conten

7、t-type•expireshttp-equiv把content属性关联到HTTP头部。•refresh•set-cookie•author•description•keywordsname把content属性关联到一个名称。•generator•revised•others1.1.3网页的摘要信息（标签）使用标签（1）描述文档类型和字符编码

8、d>属性http-equiv提供“名称/值”中的名称，属性conent提供“名称/值”中的值，上述HTML代码的含义如下：名称:content-type(文档内容类型)值:text/html:charset=gb2312(文本类别html，字符编码为简体中文)1.1.3网页的摘要信息（标签）使用标签（2）描述搜索关键字和