JSP实用简明教程（课件） 教学课件 作者 ch04.pptVIP

第4章 JSP动态网页设计基础 教学目标 了解和掌握HTML语法、CSS语法 掌握JSP注释、变量和方法的声明 掌握JSP指令、JSP动作（Action）语法 教学重点 HTML语法 JSP注释 变量、方法的声明 JSP指令 JSP动作（Action）语法 教学过程 HTML语法 CSS语法 JSP注释 变量、方法的声明 JSP指令 JSP动作（Action）语法 JSP脚本 4.1 HTML语法 什么是HTML语言 HTML的基本标签 创建列表 图像、多媒体和超链接 表格 框架 表单 什么是HTML语言 HTML（Hyperlink Text Markup Language）意思是“超文本标记语言”，它是一种描述文档结构的语言，而不能描述实际的表现形式。HTML语言使用描述性的标记符（称为标签）来指明文档的不同内容。标签是区分文本各个组成部分的分界符，用来把HTML文档划分成不同的逻辑部分（或结构），如段落、标题和表格等。标签描述了文档的结构，它向浏览器提供该文档的格式化信息，以传送文档的外观特征。 HTML文件是标准的ASCII文件，不含任何与平台和程序相关的信息，它们可以被任何文本编辑器读取。HTML文档包含两种信息：一种是页面本身的文本，另一种是表示页面元素、结构、格式、和其它超文本链接的HTML标签。 HTML的基本标签 在HTML文档中，标签用来规定Web文档的逻辑结构并控制文档的显示格式。可以使用HTML标签来设置链接、标题、段落、列表和字符加亮区域等等。一般HTML标签格式是这样的： 标签名相应内容／标签名 标签名用尖括号括起来，不区分大小写。HTML标签一般有起始标签与结束标签两种，分别放在它起作用的文档两边。起始标签与结束标签非常相似，只是结束标签在“”号后面多了一个斜杠“／”。起始标签中可以包含属性（attribute）域，其位置是从标签名之后空一格的地方开始，在结束符（）之前结束。 另外，某些HTML元素只有起始标签而没有相应的结束标签，例如换行标签，由于不包括相应的内容，所以只使用〈BR〉就可以了。还有一些元素的结束标签是可以省略的，如分段结束标签/、列表项结束标签/LI、词语结束标签/DT和定义结束标签/DD等等。 页面结构标签。一个最基本的HTML文档是由HTML /HTML（用来创建一个HTML文档 ）、HEAD /HEAD（用来标明文档的标题 ）和BODY /BODY（用来指明文档的主体区域 ）这3个页面结构标签组成。 页头标签为TITLE /TITLE。在HTML文档中，标题部分（即HEAD和/HEAD标签之间）必须包含TITLE /TITLE标签，用来设定文档的标题 。 HTML文档中，标题用于对文本中的章节进行划分，而标题标签用来指明页面上的一到六级标题 。 段落标签的格式为P /P，用来创建一个新的段落。P表示一个段落的开始，结尾标记/P可以省略 。P还可以用来进行强制换段。在前后两段文字中间，插入P标记后，后一段文字不仅转到下一行，还可以使两端文字中间多出一个空行。在这种情况下，一段的结束就意味着新一段的开始。 在编辑文档时，希望在浏览网页时能够保留在编辑工具中已经排好的段落格式，这时可以使用PRE /PRE标签。这个标签有一个WIDTH属性，用来表示一行的最大宽度，如果不设置这个属性值，而PRE /PRE标签中的文本又很长，在浏览器中显示时一行文本就会很长，直到遇到换行标记才会换行。 注释标签的格式为!--注释信息--，用来对页面本身的内容或状态进行描述。例如，很多源代码控制程序会把页面的状态加到注释中。注释的文字在对HTML做分析时会被忽略，也不会被显示。 创建列表 在网页中经常使用的列表分为有序列表和无序列表两种。 有序列表是指各列表项之间是有顺序的，从1、2、3…一直延伸下去。有序列表的基本格式为： OL type=”符号类型” LI type=”符号类型” /LI LI type=”符号类型” /LI … /OL 其中，OL /OL标签用来建立一个有序列表，LI /LI用来增加列表项。LI /LI开始标签和结尾标签都是必选的，即每个列表项的结束就是下一个列表项的开始，建好的整个列表项会与上下的文本之间有一个空行，列表项向右缩进并左对齐，各列表项之前都带有顺序号。 无序列表是指各列表项间没有顺序关系，只是利用列表方法来呈现资料，在各条列前面均有一个项目符号。无序列表的基本格式为： UL type=”符号类型” LI type=”符号类型” /LI LI type=”符号类型” /LI … /UL 其中UL /UL标签用来建立一个无序列表，LI /LI用来增加列表