程序设计案例教程第2版教学课件ppt作者郭力子华驰编著单元2-HTML网页设计基础课件.pptVIP

form/form标记内input的类型 input标记的使用语法 select/select标记 下拉列表框的基本语法是： select name=name size=Value Multiple option value=value Selected选项 option value=value选项 ...... /select textarea/textarea标记 文本域标记用来制作多行的文本域，可以在其中输入更多的文本。使用时应指定文本区的行数和列数。 textarea基本语法是： textarea Name=″name″ rows=行数 cols=列数 /textarea 2.1.12 任务实现 制作学生个人简历表单 2.2 任务2—建立网页框架 2.2.1 任务描述与场景 2.2.2 框架集标记 2.2.3 任务实现 2.1.1 任务背景与目的 在HTML中，框架可以把浏览器窗口划分为若干个区域，每个区域可以分别显示不同的网页内容。使用框架可以非常方便地完成导航工作，而且各个框架之间不存在干扰问题，所以框架技术一直被普遍应用于页面导航。 任务目的: 建立框架，完成页面导航 2.2.2 框架集标记 在使用框架的HTML页面中，需采用 frameset 标记取代body标记。该标记是一个框架容器，它将窗口分成长方形的子区域，即框架。 frameset使用rows和cols两个属性设置框架的上下或左右分割页面窗口；形成的子框架用frame表示；其属性value的设置可按页面的像素或百分比例来设定。 基本语法是： frameset Cols= value,value ,… | Rows= value,value ,… frame src=1.htm name=name1 …… frame src=n.htm name=namen /frameset frameset标记内的frame标记代表一个子区域 子框架frame标记的属性 2.2.3 任务实现 完成有四个子窗口的常规网页框架页面。其中上方为网页Logo，中间左下方为导航窗口，中间右下方为主要内容窗口，下方为版权窗口 本章小结 HTML文件是Web网页的主要表达载体，是编写Web网页的最基本和必不可少的语言。 HTML文件主要由各种元素（代表不同文本、图像、表格等）和对元素进行组合排版的标记组成。 在HTML页面中进行交互操作是利用Form标记实现的。 Form标记下包含有：表单输入标记 、下拉列表框标记和文本域标记。 * * * * * 机械工业出版社 学习单元 2 HTML网页设计基础 本单元学习目标 掌握HTML语言的概念和基本语法 熟悉HTML语言的常用标记 掌握HTML的表单和表格的应用 2.1 任务1--使用HTML设计网页 2.1.1 任务背景与目的 2.1.2 HTML简介 2.1.3 HTML语法结构 2.1.4 头部标记 2.1.5 主体标记 2.1.6 格式标记 2.1.7 文本标记 2.1.8 超链接标记 2.1.9 图像标记 2.1.10 表格标记 2.1.11 表单标记 2.1.12 任务实现 2.1.1 任务背景与目的 所有的网页内容都是通过一种名为HTML的语言表现出来的。对于网页设计和制作人员，尤其是开发动态网站的编程人员来讲，制作网页必须了解和掌握HTML语言。 任务目的： 通过对HTML语言基础知识的了解，掌握HTML语法结构和常用标记的用法，创建出简单的HTML页面。为后面的动态网页制作技术的学习打下基础。 2.1.2 HTML简介 HTML（超文本标记语言，Hyper Text Mark Language） 是编写Web网页的最基本且必不可少的语言。 HTML是一种解释执行的标记语言，以.htm或.html作为文件扩展名。 用HTML语言编写的文件是标准的ASCII文本文件，可以使用任何文本编辑器来编辑和打开HTML文件。 HTML具备如下基本功能 使用各种基础的印刷元素，如标题、文字、表格、列表、照片、插图等来发布在线的文档。 通过超文本链接能够方便地在各种信息之间切换。 通过使用指定的控件来控制网上的信息传输、远端服务等功能。 允许Web页面插入多媒体对象，如视频文件、音频文件和一些特殊格式的文本文件。 提供框架功能，有条理地组织Web页面。 2.1.3 HTML语法结构 HTML文件由标题、段落、列表、表格、文本内容等嵌入的各种对象所组成。这些逻辑上统一的对象称为“元素”，使用“标记”来分割并描述这些对象。通常使用标志名/标志名来表示标志的开始和结