Html与jsp基础知识课件.ppt

Html与jsp基础知识;*;*;HTML文件的基本结构 HTML文件的基本结构 ;html head title第一个html网页/title /head body img src=image\njnu.jpg br a href=b.html超链接/a hr align=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 属性=值……/h1 h2 属性=值……/h2 h3 属性=值……/h3 h4 属性=值……/h4 h5 属性=值……/h5 h6 属性=值……/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 地址（可以包含一个或多个参数） a href=b.html超链接/a 单击此超链接，就会跳转到名为b.html的页面。属性是必选项。 target：窗口或框架的名称 target属性的取值既可以是窗口或框架的名称，也可以是如下保留字： _blank：未命名的新浏览器窗口 _parent：父框架页或窗口。如果包含链接的框架不是嵌套的，则链接的目标文件加载到整个浏览器窗口中;1. 表单及其控件标记 表单用来从用户（站点访问者）处收集信息，然后将这些信息提交给服务器进行处理 表单中可以包含允许用户进行交互的各种控件，例如，文本框、列表框、复选框和单选按钮等 用户在表单中输入或选择数据后提交，数据就会提交到相应的表单处理程序，以各种不同的方式进行处理 表单结构如下： form 定义 [input 定义 ] [textarea定义] [select定义] [button定义] /form;（1）表单标记 标记的格式如下： form 属性=”值”…事件=”代码” … /form form标记的属性如下： name：表单的名称 method：表单数据传输到服务器的方法。其属性值如下： post：在HTTP请求中嵌入表单数据 get：将表单数据附加到请求页的URL中 action：接收表单数据的服务器端程序或动态网页的URL地址 target：目标窗口。其属性值如下： _blank：在未命名的新窗口中打开目标文档 _parent：在显示当前文档的窗口的父窗口中打开目标文档 _self：在提交表单所使用的窗口中打开目标文档 _top：在当前窗口内打开目标文档，确保目标文档占用整个窗口 form标记有以下事件 onsubmit：提交表单时调用的时间处理程序 onreset：重置表单时调用的处理程序;下面具体介绍表单中的控件： （2）表单输入控件标记 input 属性=值 … 事件=代码… ①