JavaWeb编程-第1章Web编程基础(HTML基础).ppt

《JavaWeb编程-第1章Web编程基础(HTML基础).ppt》由会员分享，可在线阅读，更多相关《JavaWeb编程-第1章Web编程基础(HTML基础).ppt（30页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、HTML基础Java Web编程1.1 HTML概述nHTML：Hyper Text Markup Language 超文本链接标记语言.nHTML语言使用标签来指明文档的不同内容.n用HTML语言写的页面是普通的文本文档，不含任何与平台和程序相关的信息，它们可以被任何文本编辑器读取。Java Web编程HTML基本结构 标题 网页正文(各种标签)Java Web编程HTML示例一个简单的HTML示例欢迎光临我的主页 Java Web编程表格基本结构 .定义行定义表格具体数据定义标题边框厚度表格宽度/高度定义表头定义行Java Web编程 学生名单 学号 姓名 院系 2004001 张无忌 计

2、算机学院 2004002 令狐冲 计算机学院 Java Web编程相关属性n border、width、heightn cellspacing：设定格与格之间的宽度 n cellpadding：设定内容与格线间的距离 如：Java Web编程相关属性n bordercolor：边框颜色n bgcolor：背景色例如：整个表格背景色Java Web编程 2004001 张无忌 计算机学院Java Web编程相关属性align：水平对齐left/center/rightvalign：垂直对齐top/middle/bottom例如：2004001 张无忌 计算机学院Java Web编程练习Java

3、Web编程Java Web编程n 特殊符号表示：n 注释：符 号 语 法 空白 >&" Java Web编程form标签nform 元素为用户输入创建表单.n表单可包含文本框、复选框、单选/多选按钮、命令按钮等.n表单通常用于向指定的 URL 提交用户数据。Java Web编程form属性属性名称属性名称取值取值说明说明name表单名称定义表单的唯一名称actionURL当提交按钮被按下时，接受和处理表单数据的网页URLmethodget/post用于向 action URL 传送数据的 HTTP 方法 get方法(默认)数据量少，会在地址栏显示数据 post方法数据

4、量多target_blank _self _parent _top在一个新的未命名的窗口载入文档在相同的框架或窗口中载入目标文档把文档载入父窗口或包含了超链接引用的框架的框架集 把文档载入包含该超链接的窗口,取代任何当前正在窗口中显示的框架 Java Web编程示例 用户名：密 码：提交后注意地址栏显示处理数据的网页比较post方法Java Web编程基本结构 form元素标签 Java Web编程form元素n文本框：用户名：Java Web编程form元素n密码框：密码：Java Web编程form元素n单选按钮：同一组的多个单选框要求name必须相同性别：男 女Java Web编程for

5、m元素n复选按钮：爱好：足球 篮球同一组的多个复选框的name可以相同Java Web编程form元素n列表框：内容1 内容n 可增加 selected=“selected”指定选中项一般不取相同值size=1 为下拉列表框(默认)size1 为列表框Java Web编程专业：计算机科学与技术 软件工程 网络工程 下拉列表框Java Web编程专业：计算机科学与技术 软件工程 网络工程 列表框多选Java Web编程form元素n文本区域：文本域中的文本简历：Java Web编程form元素n提交和重置按钮：Java Web编程form元素n命令按钮JavaScript脚本语言编写Java Web编程form元素n隐藏域隐藏域是看不见的，用来传递不需要用户输入的值。Java Web编程form元素n文件上传组件 必须指定此属性Java Web编程课堂练习