JSP基础ch04.pptVIP

第4章 JSP动态网页设计基础 ;教学目标;教学重点;教学过程;4.1 HTML语法 ;什么是HTML语言;HTML的基本标签 ;页面结构标签。一个最基本的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做分析时会被忽略，也不会被显示。 ;创建列表;无序列表是指各列表项间没有顺序关系，只是利用列表方法来呈现资料，在各条列前面均有一个项目符号。无序列表的基本格式为： UL type=”符号类型” LI type=”符号类型” /LI LI type=”符号类型” /LI … /UL 其中UL /UL标签用来建立一个无序列表，LI /LI用来增加列表项。无序列表通过UL或LI的type属性来???义左端的符号类型，该符号可以是disc（实心圆点）、square（方块）、自定义图片等，默认为实心圆点。 ;实际应用中用户还可以根据需要自定义列表。使用自定义列表表示单词或语句，可以使得文本具有交互凹进的特点。自定义列表的基本格式为： DL DT /DT DD /DD DT /DT DD /DD … /DL 其中，DL用来定义列表，DT定义列表项用来表示单词，列表项会自动换行并左对齐，列表项间没有空行；DD定义语句，用来解释单词。 ;图像、多媒体和超链接 ;表格;框架 ;其中，FRAMESET FRAME标签用来定义一个框架容器 。 FRAME标签用来定义每一个框窗内的参数属性 。 当用户使用的浏览器版本太低不支持框架功能时，将看到一片空白。为了避免这种情况，可使用NOFRAMES这个标签。 在框架页面中每个子窗口内对应一个FRAME语句，该语句中的SRC属性指明了链接的HTML，该文件将显示在FRAME对应的窗口中。如果该HTML文件含有超链接，当用户单击该链接时，链接的网页在哪里显示呢？如果没有指定，则在原来的窗口中打开；如果要指定在哪个子窗口中打开，这时就需要使用TARGET属性来实现了。 ;表单;4.2 CSS语法 ;CSS简介;CSS（Cascading Style Sheet）中，“Cascading”是“层叠”的意思，也就是说在同一个Web文档中可以有多个样式表存在，这些样式表根据所在的位置，拥有不同的优先级，优先级越高，就会被最后在显示时采用。从样式表插入的形式来看可以分为三种： 内联式样式表：它利于现有的HTML标记把特殊的样式加入到那些由标记控制的信息中，比如刚才的例子。 嵌入式样式表：它和Javascript一样可以嵌入到HTML文件的头部中去（html和body标记之间），使用Style和/Style容器装载，例如：“style p {color : blue ; font-weight : bold} /style”，这样会对页面中所有p标记都起作用。 外部式样式表：是一种保存在外部的样式表文件，外部文件以.CSS为扩展名，例如“link rel=stylesheet href=main-sheet.css type=text/css”。 ;CSS是用来扩展HTML的，也就是说CSS不能脱离HTML，它只是一项辅助工具。除了可扩展HTML的样式设定外，CSS使得网页的设计与维护更加高效，这主要表现在以下几个方面： 减少图形文件的使用。CSS提供了很多的文字样式设定，且再加上IE内建的滤镜特效，因此可轻松取代原来图形才能表现的视觉效果。 集中管理样式信息。CSS可将网页要展示的内容与样式设定分开，也