《JSP实用简明教程（第二版） 教学课件 ppt 作者 978-7-302-20085-7 chapter04》由会员分享，可在线阅读，更多相关《JSP实用简明教程（第二版） 教学课件 ppt 作者 978-7-302-20085-7 chapter04（65页珍藏版）》请在金锄头文库上搜索。
1、重点内容： HTML语法 CSS语法 JSP页面结构 JSP注释 变量、方法和声明 JSP指令 JSP动作语法 JSP脚本 JavaScript语法,第4章 JSP动态网页设计基础,一、HTML语法,HTML（Hyperlink Text Markup Language）意思是“超文本标记语言”，它是一种描述文档结构的语言，而不能描述实际的表现形式。 HTML语言使用描述性的标记符（称为标签）来指明文档的不同内容。 标签是区分文本各个组成部分的分界符，用来把HTML文档划分成不同的逻辑部分（或结构），如段落、标题和表格等。标签描述了文档的结构，它向浏览器提供该文档的格式化信息，以传送文档的外观
2、特征。 HTML文件是标准的ASCII文件，不含任何与平台和程序相关的信息，它们可以被任何文本编辑器读取。 HTML文档包含两种信息：一种是页面本身的文本，另一种是表示页面元素、结构、格式、和其它超文本链接的HTML标签。,1、什么是HTML语言,一、HTML语法,在HTML文档中，标签用来规定Web文档的逻辑结构并控制文档的显示格式。一般HTML标签格式： 相应内容 标签名用尖括号括起来，不区分大小写，建议使用大写字母，这样可以将标签和文本更容易地区分开。HTML标签一般有起始标签与结束标签两种，分别放在它起作用的文档两边。起始标签与结束标签非常相似，只是结束标签在“）之前结束。属性域向客户
3、端提供了关于页面元素内容以及如何处理的附加信息。 1页面结构标签 HTML文档的基本结构： 标题部分 正文部分 ,2、HTML的基本标签,一、HTML语法,1页面结构标签 从HTML文档的基本结构可以看出，一个最基本的HTML文档是由 、 和 这3个页面结构标签组成。 标签 标签用来创建一个HTML文档标签是HTML文档的第一个标签，它通知客户端该文档是HTML文档，结束标签应该出现在HTML文档的尾部。 标签 标签用来标明文档的标题（或介绍），该部分包含的是文档的无序信息，可以包含题目和主题信息。 标签 标签用来指明文档的主体区域，该部分通常能够包容其它字符串（如标题、段落、列表等），可以把
4、HTML文档的主体区域简单地理解成标题以外的所有部分。,2、HTML的基本标签,一、HTML语法,2页头标签 页头标签为 。在HTML文档中，标题部分（即和标签之间）必须包含 标签，用来设定文档的标题（不超过64个字符）。用户在浏览HTML文档时，绝大多数浏览器会把文档标题显示在窗口顶端的标题栏中。 3标题标签 HTML文档中，标题用于对文本中的章节进行划分，而标题标签用来指明页面上的一到六级标题： H1 /H1一级标题 H2 /H2二级标题 H3 /H3三级标题 H4 /H5五级标题 H6 /H6六级标题,2、HTML的基本标签,1 2 3 4 TitleTag.html 5 6 7 8 9
5、 欢迎您光临新闻发布系统 10 欢迎您光临新闻发布系统 11 欢迎您光临新闻发布系统 12 欢迎您光临新闻发布系统 13 欢迎您光临新闻发布系统 14 欢迎您光临新闻发布系统 15 16 ,一、HTML语法,4段落标签 段落标签的格式为 ，用来创建一个新的段落。表示一个段落的开始，结尾标记可以省略，但是一般情况下，为了防止文档出错，尽量不要省略结尾标记。它支持ALIGN属性域，ALIGN的取值为LEFT、RIGHT和CENTER。 例：,2、HTML的基本标签,1 2 3 4 SegTag.html 5 6 7 8 9 随着计算机技术的发展，数据库起着越来越大的作用。是微软公司的重要产品，是一
6、个全面的数据库平台。数据库引擎为关系型数据和结构化数据提供了更安全可靠的存储功能。 10 11 ,一、HTML语法,5预定格式标签 预定格式标签地格式为 ，它可以实现在浏览器中浏览时，按照文档中预先排好的形式显示内容。 在编辑文档时，希望在浏览网页时能够保留在编辑工具中已经排好的段落格式，这时可以使用 标签。这个标签有一个WIDTH属性，用来表示一行的最大宽度，如果不设置这个属性值，而 标签中的文本又很长，在浏览器中显示时一行文本就会很长，知道遇到换行标记才会换行。,2、HTML的基本标签,1 2 3 4 使用预定格式标签 5 6 9 10 11 12 无题 13 梧桐摇曳舞秋风, 14 斯人
7、独坐忆相逢。 15 楼台砖瓦还依就， 16 多少往事已朦胧。 17 ,18 19 无题 20 梧桐摇曳舞秋风， 21 斯人独坐忆相逢。 22 楼台砖瓦还依就， 23 多少往事已朦胧。 24 25 26 27 ,一、HTML语法,6格式排版标签 格式排版标签还包括插入回车换行标签、插入水平线标签等 7注释标签 注释标签的格式为，用来对页面本身的内容或状态进行描述。例如，很多源代码控制程序会把页面的状态加到注释中。注释的文字在对HTML分析时会被忽略，也不会被显示。,2、HTML的基本标签,一、HTML语法,1有序列表 有序列表是指各列表项之间是有顺序的，从1、2、3一直延伸下去。有序列表的基本格
8、式为： 其中， 标签用来建立一个有序列表， 用来增加列表项。 开始标签和结尾标签都是必选的，即每个列表项的结束就是下一个列表项的开始，建好的整个列表项会与上下的文本之间有一个空行，列表项向右缩进并左对齐，各列表项之前都带有顺序号。 有序列表通过或的type属性来定义顺序号的类型。有序列表顺序号分为5种类型（默认使用数字）： 数字（1，2，3） 大写字母（A，B，C） 小写字母（a，b，c） 大写罗马字母（I，II，III） 小写罗马字母（i，ii，iii）,3、创建列表,一、HTML语法,2无序列表 无序列表是指各列表项间没有顺序关系，只是利用列表方法来呈现资料，在各条列前面均有一个项目符号。
9、无序列表的基本格式为： ,3、创建列表,例：1 2 3 4 ULTag.html 5 6 7 8 9 10 图书 11 家电 12 服装 13 14 15 ,一、HTML语法,3自定义列表 除了上述两种列表外，实际应用中用户还可以根据需要自定义列表。使用自定义列表表示单词或语句，可以使得文本具有交互凹进的特点。自定义列表的基本格式为： 其中，用来定义列表，定义列表项用来表示单词，列表项会自动换行并左对齐，列表项间没有空行；定义语句，用来解释单词。,3、创建列表,1 2 3 4 DefLisTag.html 5 6 7 8 9 盛夏的果实 10 由莫文蔚演唱，2000年非常流行，有国语和粤语两个
10、版本。 11 人间 12 由王菲演唱，已经流行了很多年，有国语和粤语两个版本，非常经典。 13 14 15 ,一、HTML语法,1插入图像 HTML中可以插入图像，使页面美观，其语法格式为： 其中标签表示插入图像，SRC表示图像文件的来源位置，WIDTH和HEIGHT表示图像的宽度可高度。使用标签插入图像时包括的属性如表4.2所示。,4、图像、多媒体和超链接,一、HTML语法,2插入视频 在HTML中使用标签插入视频的基本格式为： ，其中用url.gif这一GIF图象作为视频的封面，即在浏览器尚未完全读入AVI文件时，先在AVI播放区域显示该图象；用url.avi这一AVI(Video for
11、 MSWINDOWS)文件来播放视频。例如： 在HTML文档中，可以使用标签插入视频和动画，它包括的属性如表4.3所示。,4、图像、多媒体和超链接,3插入背景音乐 HTML文档中，可以使用（内嵌音频文件标签）为主页增加一段内嵌背景音乐，在浏览器调入主页的同时并播放该音乐文件。内嵌音频文件标签支持三种文件格式：AU格式、WAV格式和MIDI格式。例如： 上边这一行代码为网页添加了chuntianznl.wav音频文件作为背景音乐，并设置播放格式为“循环播放”。用户可以利用“LOOP”属性设置播放次数，例如LOOP=”3”表示播放3次。,一、HTML语法,4插入超链接 创建链接就是在当前页面和其他
12、相关页面间简历链接，这样就使得各个孤立的页面相互关联，使得整个Web成为一个巨大的、相互关联的信息系统。链接的目标可以时一个HTML页面，也可以时一个图或者其他文件，如果是浏览器可以识别并打开的文件，如HTML页面、图像等，则会在浏览器中显示相关的内容；如果不能在浏览器中打开，则会弹出下载对话框，提示下载目标文件。 在HTML中使用 标签创建超链接，其包括的属性如表4.4所示。,4、图像、多媒体和超链接,例如，创建一个文字链接，当点击“学习列表”这个文本链接时，页面会跳转到“liebiao.htm”，代码如下： 学习列表,一、HTML语法,HTML中使用 标签创建表格，其基本格式为： 表格内容
13、 标签的主要属性如表4.5所示。,5、创建表格,说明：BORDER的属性值为非负数，0表示表格边框不可见，但是内容可见，这个属性对页面的排版具有很大的作用。,HTML中使用 标签创建表格，其基本格式为： 表格内容 标签的主要属性如表4.5所示。,一、HTML语法,2定制表格 使用 标签创建表格是只是创建了一个空的表格，还需要定义表格行和单元格。 定义行 .标签用来定义表格的表头，其主要属性如表4.6所示。,5、创建表格,一、HTML语法, 定义单元格 .标签用来定义表格的单元格，其主要的属性如表4.7所示。,5、创建表格,一、HTML语法,3表格实例 使用HTML语法插入一个6行、3列的表格，
14、然后为其添如下代码：,5、创建表格,1 2 3 4 TableTag.html 5 6 7 8 9 10 书名 11 作者 12 定价 13 14 15 ASP基础教程 16 张京丰 17 16.00 18 19 20 JSP时尚百例 21 飞思科技 22 25.00,一、HTML语法,5、创建表格,23 24 25 计算机网络 26 王宾 27 36.00 28 29 30 计算机原理 31 章海 32 30.00 33 34 35 Delphi7基础教程 36 飞思科技 37 28.00 38 39 40 41 ,一、HTML语法,所谓框架就是将网页分成几个框窗，同时取得多个URL，每个窗框显示一定的内容。含有框架的网页其HTML文档形式和一般的HTML文档相似，只是使用了标签而没有标签，它是一种非常重要的页面排版方式。使用了框架结构的HTML文档基本格式为：,6、框架, 标题部分 ,一、HTML语法,1框架结构基本标签 框架结构主要有标签构成，其基本标签主要有3种，分别是 ： 标签用来定义一个框架容器，其主要属性如表4.8所示。 标签用来定义每一个框窗内的参数属性，其主要的属性如表4.9所示。,6、框架,一、HTML语法, 当用户使用的浏览
