Java Web程序设计案例教程第二章 HTML .pptVIP

案例1：HTML基本结构 1、在Windows系统下，执行“开始”→”所有程序”→“附件”→”记事本”命令，新建一个记事本，在记事本中输入以下代码。 !DOCTYPE html html head title网页文件基本结构/title /head body p h1一幅图像：/h1 img src= /images/mouse.jpg width=128 height=128 / /p p h2一幅动画图像：/h2 img src=/images/donghua.gif width=50 height=50 / /p p请注意，插入动画图像的语法与插入普通图像的语法没有区别。/p p这是邮件链接： a href=mailto:someone@?subject=Hello%20again发 送邮件/a /p p注意： 应该使用 %20 来替换单词之间的空格，这样浏览器就可以正确地显示文本了。 /p /body /html 【实施步骤】 案例1：HTML基本结构 2.编写完HTML文件后，执行“文件”→“保存”命令，弹出“另存为”对话框，在对话框中选择保存的路径，在“文件名”下拉列表框中输入simple.htm，文件的扩展名为.htm或.html，如图2-1所示。 【实施步骤】 案例1：HTML基本结构 3.单击“保存”按钮，这时该文本文件就变成了HTML文件，在浏览器中浏览效果如图2-2所示。 【实施步骤】 2.2 常用HTML标签 了解HTML语言的特点和常用标签的使用方法； 理解表单的作用，掌握表单设计方法； 掌握网页布局标签DIV的使用。 【本节要点】 案例2：HTML表格制作 （1）熟练掌握HTML中表格标签的功能； （2）掌握HTML中表格标签的使用技巧。 【学习目标】 【设计要求 】 创建一个简单HTML网页文件，将表格插入到网页文件中去，选择合适的形式在网页中显示表格。 表格的基本结构 案例2：HTML表格制作 行tr 列 列标题th HTML中的表格tablethtrtd 广泛使用表格来存放网页上的文本和图像 单元格td 表格标题caption 【知识要点】 案例2：HTML表格制作 1.打开Webapps目录，在该目录下创建文件夹chap02（后面的案例直接打开）。 2.在chap02文件夹下新建HTML文件table.htm ，代码如下： !DOCTYPE html html head title网页中的表格/title /head body table align = center bordercolor = #FF3399 cellpadding = 5 cellspacing= 0 bgcolor = #FFFF99 border = 10 width = 300 caption表格占页面的70%/caption tr align = center td序号/td td姓名/td /tr tr align = center td1/td td张三/td /tr tr align = center td2/td td李四/td /tr /table/body/html 【实施步骤】 案例2：HTML表格制作 3.打开浏览器，运行程序，效果如图2-3所示 【实施步骤】 案例3 HTML表单 （1）熟练掌握HTML中表单的功能； （2）掌握HTML中表单标签的使用技巧。 【学习目标】 【设计要求 】 在JSP编程中会经常需要制作表单，来实现登录、注册等界面的设计，创建表单实现JSP页面表单制作。 1、表单的用途：接收客户填写的数据 在用户注册某种服务或活动时收集姓名、地址、电话号码、电子邮件地址和其他信息 在用户购买商品时收集信息 案例3 HTML表单 METHOD =post或get ACTION METHOD 指定提交后由服务器上哪个处理程序处理 指定向服务器提交的方法: 一般为post或get方法, post方法比较安全 ACTION = URL FORM action= method=post 【知识要点】 表单输入元素-1 Type 此属性指定元素的类型。元素类型可以有多种选择：TEXT、PASSWORD、CHECKBOX、RADIO、SUBMIT、RESET、FILE、HIDDEN 和 BUTTON。默认选择为 TEXT。 Name 此属性指定控件的名称。例如，如果表单中有几个文本框，则可以用名称 TEXT1、TEXT2 或选择的任何名称来标识它们。Name 属性的作用域是在 FORM 元素内。 Value 此属性是可选属性，它指定控件的初始值。但是，如果 TYPE 为 RADIO，则必须指定一个值。 Size 此属性指定控件的初始宽度。如果 TYPE 为 TEXT