Html与jsp基础知识

Html与jsp基础知识2•HTML(HyperTextMarkupLanguage)语言简介•超文本标记语言HTML源于标准通用化标记语言SGML（StandardGeneralMarkupLanguage）是SGML的子集（XML同样也是其子集），由Web的发明者Tim和Daniel于1990年创立。•HTML是一门标记型语言，只要记住各个标记的用法即可•可以用任何文本编辑器来编写HTML页面，只要将创建的页面保存为html或htm即可•在客户端浏览器可以查看所编写的源代码3•HTML的编辑环境–所见及所得的编辑器，如：Dreamweaver、FrontPage–任何文本编辑工具，如：记事本、EditPlus•HTML的运行环境–浏览器•InternetExplorer6•FireFox1.5•由于各浏览器对HTML的支持有差别，所以尽量避免使用非规范的HTML标记HTML文件的基本结构HTML文件的基本结构htmlhead文档头部分/headbody文档主体部分/body/htmlHTML文件的基本结构htmlheadtitle第一个html网页/title/headbodyimgsrc=image\njnu.jpgbrahref=b.html超链接/ahralign=center这是我的第一个网页/body/html1.HTML标记html…/htmlHTML标记表示文档内容的开始和结束。html是开始标记，/html是结束标记，其他所有的HTML代码都位于这两个标记之间浏览器将该标记中的内容视为一个Web文档，按照HTML语言规则对文档内的标记进行解释html…/html标记是可选的，但是最好不要省略这两个标记，以保持Web文档结构的完整性2.首部标记head…/head首部标记中提供与网页有关的各种信息在首部标记中，一般使用下列标记title.../title：制定网页的标题style.../style：定义文档内容样式表script.../script：插入脚本语言程序meta：描述网页信息3.标题栏标记title…/title标题栏标记的内容是在浏览器标题栏中显示的文本通常，Web搜索工具用它作为索引4.描述标记meta属性=值…描述文档属性参数5.正文标记正文标记的格式如下：body属性=值…事件=执行的程序……/body正文标记中包含文档的内容。其常用属性如下：background：文档背景图像的URL地址bgcolor：文档的背景颜色（2）换行标记br该标记强行中断当前行，使后续内容在下一行显示（3）标题标记标题标记的格式如下：h1属性=值……/h1h2属性=值……/h2h3属性=值……/h3h4属性=值……/h4h5属性=值……/h5h6属性=值……/h6其常用属性如下：align：段落的水平对齐方式，其值如下：left：左对齐（默认值）center：居中对齐right：右对齐justify：两边对齐（4）对中标记center…/center该标记中间的内容全部居中（5）块标记div属性=值……/div块标记的作用是定义文档块。常用属性如下：align：段落的水平对齐方式。其值如下：left：左对齐（默认值）center：居中对齐right：右对齐（7）字体标记font属性=值……/font字体标记用来设置文本的字符格式，主要包括字体、字号和颜色等。常用属性如下：face：字体名表size：字号值color：颜色值，设置字体的颜色（9）超链接标记a属性：值…超链接内容/a超链接的常用属性如下：href：目标端点的URL地址（可以包含一个或多个参数）ahref=b.html超链接/a单击此超链接，就会跳转到名为b.html的页面。该属性是必选项。target：窗口或框架的名称target属性的取值既可以是窗口或框架的名称，也可以是如下保留字：_blank：未命名的新浏览器窗口_parent：父框架页或窗口。如果包含链接的框架不是嵌套的，则链接的目标文件加载到整个浏览器窗口中1.表单及其控件标记表单用来从用户（站点访问者）处收集信息，然后将这些信息提交给服务器进行处理表单中可以包含允许用户进行交互的各种控件，例如，文本框、列表框、复选框和单选按钮等用户在表单中输入或选择数据后提交，该数据就会提交到相应的表单处理程序，以各种不同的方式进行处理表单结构如下：form定义[input定义][textarea定义][select定义][button定义]/form（1）表单标记该标记的格式如下：form属性=”值”…事件=”代码”…/formform标记的属性如下：name：表单的名称method：表单数据传输到服务器的方法。其属性值如下：post：在HTTP请求中嵌入表单数据get：将表单数据附加到请求该页的URL中action：接收表单数据的服务器端程序或动态网页的URL地址target：目标窗口。其属性值如下：_blank：在未命名的新窗口中打开目标文档_parent：在显示当前文档的窗口的父窗口中打开目标文档_self：在提交表单所使用的窗口中打开目标文档_top：在当前窗口内打开目标文档，确保目标文档占用整个窗口form标记有以下事件onsubmit：提交表单时调用的时间处理程序onreset：重置表单时调用的处理程序下面具体介绍表单中的控件：（2）表单输入控件标记input属性=值…事件=代码…①单行文本框创建单行文本框方法如下：inputtype=text属性=值…事件=代码…（a）单行文本框的属性如下：name：单行文本框的名称，通过它可以在脚本中引用该控件value：文本框的值defaultvalue：文本框的初始值size：文本框的宽度（字符数）maxlength：允许在文本框内输入的最大字符数form：所属的表单（只读）（b）单行文本框的方法如下：click()：单击该文本框focus()：得到焦点blur()：失去焦点select()：选择文本框的内容（c）单行文本框的事件如下onclick：单击该文本框时执行的代码onblur：失去焦点时执行的代码onchange：内容变化时执行的代码onfocus：得到焦点时执行的代码onselect：选择内容时执行的代码②密码文本框创建密码文本框方法如下：inputtype=password属性＝值…事件=代码…密码文本框的属性、方法和事件与单行文本框的设置基本相同，只是密码文本框没有onclick事件③隐藏域创建隐藏域方法如下：inputtype=hidden属性＝值…隐藏域的属性、方法和事件与单行文本框的设置基本相同，只是没有defaultvalue属性⑥按钮使用input标记可以在表单中添加3种类型的按钮：提交按钮、重置按钮和自定义按钮创建按钮的方法如下：input属性=值…onclick=代码（a）按钮的属性如下：type：按钮种类。具体如下submit：创建一个提交按钮reset：创建一个重置按钮button：创建一个自定义按钮name：按钮的名称value：显示在按钮上的标题文本（b）按钮的事件如下onclick：单击按钮执行的脚本代码2.表格的使用表格由表头、行和单元格组成，常用于组织和显示信息，还可以用于安排页面布局表格的表头、行和单元格分别用不同的标记来定义可以用table标记定义表格；表格中的每一行用tr标记来表示；行中的单元格用td或th标记定义其中th标记定义表格的列标题单元格，表格的标题说明则用caption标记来定义。定义表格的格式如下：tabletrth第1列表头/thth第2列表头/th…th第n列表头/th/trtrtd第1行第1列值/tdtd第1行第2列值/td…td第1行第n列值/td/trtr...td第n行第1列值/tdtd第n行第2列值/td…td第n行第n列值/td/tr…/table（1）设置表格的属性用table标记创建表格时，可以设置以下属性：align：表格的对齐方式。其属性值如下：left：左对齐（默认值）center：居中对齐right：右对齐background：表格背景图片的URL地址bgcolor:：表格的背景颜色border：表格边框的宽度（像素），默认值为0bordercolor：表格边框的颜色，border≠0时起作用bordercolordark：三维边框的阴影颜色，border≠0时起作用bordercolorlight：三维边框的高亮显示颜色，border≠0时起作用cellpandding：单元格内数据与单元格边框之间的间距（像素）width：表格的宽度（像素或百分比）（2）设置行的属性表格中的每一行是用tr标记来定义的，可以设置下列属性：align：行中单元格的水平对齐方式。其属性值如下：left：左对齐（默认值）center：居中对齐right：右对齐background：行的背景图片的URL地址bgcolor：行的背景颜色bordercolor：行的边框颜色，只有当table标记的border≠0时起作用bordercolordark：行的三维边框的阴影颜色，只有当table标记的border≠0时起作用bordercolorlight：行的三维边框的高亮显示颜色，只有当table标记的border≠0时起作用valign：行中单元格内容的垂直对齐方式。其属性值如下：top：顶端对齐middle：居中对齐bottom：底端对齐baseline：基线对齐（3）设置单元格的属性td标记和th标记的属性如下align：行中单元格的水平对齐方式。其属性值如下：left：左对齐（默认值）center：居中对齐right：右对齐background：单元格的背景图片的URL地址bgcolor：单元格的背景颜色bordercolor：单元格的边框颜色，只有当table标记的border≠0时起作用bordercolordark：单元格的三维边框的阴影颜色，只有当table标记的border≠0时起作用bordercolorlight：单元格的三维边框的高亮显示颜色，只有当table标记的border≠0时起作用colspan：合并单元格时一个单元格跨越的表格列数rowspan：合并单元格时一个单元格跨越的表格行数valign：单元格中文本的垂直对齐方式。其属性值如下：top：顶端对齐。middle：居中对齐bottom：底端对齐baseline：基线对齐nowrap：若指定该属性，则要避免Web浏览器将单元格里的文本换行代码实现如下：（1）head.htmlhtmlhead/headbodybgcolor=#E3E3E3centerh1学生信息管理系统/h1/center/body/html（2）left.htmlhtmlhead/headbodybgcolor=#e3e3e3ahref=table.htmltarget=right学生成绩查询brbrahref=form_table.htmltarget=right学生信息显示brbrahref=right.htmltarget=right返回开始页面brbr/body/html什么是JSP？•JSP是JavaServerPages的简