《Java软件项目(BS架构)开发》3HTML与联合银行主页.pptVIP

第3章 HTML与联合银行主页 学习目标 掌握完成本项目必须掌握的HTML知识： 如何在HTML中定义表单 如何在在HTML中定义表格 如何在HTML中设置字体和文本格式、定义超链接、插入图像等 如何在HTML中使用帧组分割窗口并实现导航功能 如何在HTML中实现滚动文字效果 完成 联合银行主页 联合银行的主页要求 HTML的基本知识 基本知识 一个HTML标记由“”开头，由“”结尾，标记不区分大小写 有单独使用的标记和成对使用的标记 很多HTML标记都具有自己的属性 有一些标记必须放在其他的容器内才能够使用 在HTML文档中使用“!--”来加入注释 HTML标记的公共属性 HTML文档结构 1.????????? HTML 2.????????? HEAD 3.?????????TITLE最简单的HTML文档 /TITLE 4.????????? /HEAD 5.????????? BODY 6.????????? Hello World 7.????????? /BODY 8.????????? /HTML HTML标记的公共属性 使用表单 文本框 单选框和复选框 按钮 列表框 文本区 思考 第2章中提到的哪些界面需要用表单？ 1。注册界面 2。开户界面 3。个人银行登陆界面 4。利息利率计算 5。货币兑换 6。联系我们 表单语法 FORM ACTION＝url METHOD=get|post NAME＝value ONRESET=function ONSUBMIT＝function TARGET=window 其他域如文本框、复选框、按钮等标记 /FORM 在表单中定义文本框 使用标记INPUT TYPE=“text” 案例3-2： INPUT TYPE=text NAME=txtName 定义一个普通文本框 INPUT TYPE=password NAME=txtPwd 定义一个密码框 INPUT TYPE=“text” NAME=“Txtcountry” VALUE=“中国” 定义一个带有初始文本“中国”的文本框 单选框和复选框 使用INPUT TYPE =“radio” 标记定义单选框。 使用INPUT TYPE =“checkbox” 标记定义复选框。 案例3-3： INPUT TYPE =radio NAME =sex 男 INPUT TYPE =“radio” NAME =“sex” checked 女 定义2个单选框，其中“女”被选中 .???INPUT TYPE =checkbox NAME =check1 Apple INPUT TYPE =checkbox NAME =check2 CHECKED Orange INPUT TYPE =checkbox NAME =check3 StrawBerry INPUT TYPE =checkbox NAME =check4 Peach 定义4个复选框，其中“orange”被选中 按钮 使用INPUT TYPE =submit |reset |button 案例3-4 INPUT TYPE =“submit” NAME =“submit” VALUE=“提交” 定义一个提交按钮，单击该按钮，可实现表单内容的提交； INPUT TYPE =“reset” NAME =“reset” VALUE =“重置” 定义一个重置按钮，单击该按钮，可清除表单的内容 INPUT TYPE =“button” NAME =“help” VALUE =“帮助” 定义一个普通按钮，普通按钮主要配合JavaScript脚本对表单进行预处理 列表框 使用?SELECT 和?/SELECT标记定义列表框，在其中使用 OPTION标记定义列表框的选项 案例3-5，以下代码定义一个有5个选项的列表框 1.?????????SELECT NAME=grade 2.????????? OPTION VALUE=1大一 3.????????? OPTION VALUE =2 SELECTED大二 4.????????? OPTION VALUE =3大三 5.????????? OPTION VALUE =4大四 6.????????? OPTION VALUE =5大五 7. /SELECT 案例3-6，定义一个具有多选功能的列表框 SELECT NAME=parttime SIZE=3 MULTIPLE OPTION VALUE=tour旅游 OPTION VALUE =sport