JSP动态网页设计基础1

《JSP动态网页设计基础1》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、第2章JSP动态网页设计基础要使用JSP开发出专业的动态网站，首先必须熟练掌握静态网站的制作技术。HTML是在学习JSP之前必须了解的基础知识，很多JSP语法的使用都是建立在HTML文档的基础上。实际开发中，一般都是使用现成的HTML文档来添加JSP的动态脚本并做适当修改，除了特殊的应用，很少从零开始写一个JSP页面，所以读懂HTML文档并了解HMTL语言中的技巧为更快地上手JSP提供了很大的帮助。JavaScript是JSP知识体系中一个可选的知识模块。也就是说不了解JavaScript知识也不会影响JSP的应用开发，但是如果掌握了JavaScript的知识，将可以更加方便地解

2、决网页开发中的某些特定问题，例如经常使用JavaScript判断用户在表单中输入数据的合法性。本章学习目标：了解HTML与JSP的关系掌握HTML的常用标签能够使用HTML设计基本网页能够使用HTML设计网络中常用的表单了解JavaScript在JSP学习中的作用了解JavaScript的简单应用能够读懂JavaScript程序，并能通过查阅资料了解更多JavaScript应用2.1HTML快速入门HTML是HyperTextMarkupLanguage的缩写，中文一般译为“超文本标记语言”。用HTML语言编写的超文本文档称为HTML文档，和一般文档的不同之处是，一个HTML文件

3、不仅包含文本内容，还包含一些Tag，中文称为“标签”或者“标记”。HTML文件的后缀名是.html或者.htm。2.1.1HTML基本结构......html文档以标签开始，以标签结束。文档头以标签开始，以标签结束。文档体以标签开始，以标签结束。【例2-1】网页基本结构少年不识愁滋味，为赋新词强说愁步骤1：

4、建立站点根目录——新建一个文件夹用于存放网页，比如在F盘创建一个文件夹myweb，在本章我们把它作为站点根目录，读者在做练习时可以自行设定站点根目录。步骤2：编写代码——HTML可以使用任何字处理软件来编写，最简单的是Windows自带的记事本。用记事本编写以上代码，标题和网页主体内容可以适当修改。步骤3：保存文件——文件名命名为first.html（注意：其中first是自己为文件起的名字，可修改，但扩展名必须为html或者htm），另外注意将“文件类型”改为“所有文件”，如图2-1所示。图2-1保存html文件步骤4：浏览网页——保存完毕后，在文件夹myweb中可以看到fir

5、st.html被浏览器识别，双击即可查看网页效果，在IE中浏览效果如图2-2所示，如需要继续编辑，则右键单击选择以记事本打开。图2-2第一个网页浏览效果我们回过头分析一下第一个网页，其中的代码由四对标签组成。…：表示整个HTML文档的开始和结束，网页的所有内容都位于这两个标签之间。…：头部标签，在例子中，头部之间插入一对标题标签。：标题标签，说明该HTML文件的标题是什么，当浏览该文件时，标题显示在浏览器上方的标题栏内。在第一个网页中，我们在标记之间包含的标题是“我

6、的第一个网页”，在图2-2中可以看到它显示在网页的标题栏。…：主体标签，页面的主体部分都放在这对标签之间。在第一个网页中，我们在…标记之间包含的内容是“少年不识愁滋味，为赋新词强说愁”，在图2-2可以看到这行字显示在网页的主体部分。2.1.2HTML常用标签标签可以从大体上分为单标签（没有结束标签）和双标签（有结束标签）两种，根据有没有属性，有以下四种显示方式。<标签>…<标签属性1=值1属性2=值2…>...<标签><标签属性1=值1属性2=值2…>1.文本面向大海春暖花开从明天起，做一个幸福的人喂马，劈柴，周游世界从明天起，关心粮食和蔬菜我有一所房子，面向大海，春暖花开在网页中添加文本非常简单，只需要把要添加的文字输入到和之间。【例2-2】在网页中输入文字（text.html）。预览网页，结果如图2-3所示，似乎没有我们预期的结果，这是因为，如果没有标签修饰文本，文字将以无格式的形式显示，（如果浏览器窗口显示不下，则自动换行），要实