第2章 JSP开发基础

合集下载

1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。

例1-2.html
含有这些标签组成一个网页文件1-2.htm如下： <html> <head>
<title>标题字体与文本文字的定义</title>
</head> <body> <h1>第1号标题字体</h1> <h3>第3号标题字体</h3> <h2>第2号标题字体</h2> <h4>第4号标题字体</h4>
n1、n2取正整数，单位是象素点；
align 定义图片水平对齐方式，属性值 # 可为 left、center 或 right，可不加双引号； width,height,align 属性都是可选项，缺省 width,height 属性时，图像为默认大小； </img>标签可省略 , 这时起始标签形如<img --> „. />。
第 5 页
第2章 JSP开发基础
2.1 HTML语言
2.1.1 HTML概述
HTML是一种处理文字的语言，它包含的指令(标记)可以插入到未定
格式的文件里，用来控制打印或执行浏览器显示时的网页外观。 HTML是标记的集合，这些标记由‚<>‛括在一起，有些标记还是成对出现的，例如 <P>是一个开始标记，而在前面加上反斜杠后 </p> 构成了结束标记。 HTML网页就是由内容及标记组成的页面。
三. 网页内的文字格式四. 分段换行、预格式与列表五. 媒体元素的插入六. 超链接的使用
十.网页属性的设置
十一. HTML标签分类
第2章 JSP开发基础
2.1 HTML语言
HTML是一种标记语言，通过在普通文本中嵌入各种标签，使普通文本具有了超文本的功能。 HTML语言和其他标记语言不同点在于：它可以和相关内容建立超链接，并且可以通过表单产生互动的页面，而且在浏览器中还加入了JavaScript，VBScript等新技术。
例1-5.html
使用embed标签插入视频、动画等媒体元素的网页文件1-5.htm如下：
<html> <head> <body> <h4 align=center>一、avi视频</h4> <p align=center> <embed width=200 height=120 src="movie0.avi“/> <title>视频、动画媒体的插入</title> </head>
或 <a name="yyyy"></a> 1. 网页文件的链接
<a href="URL">„„</a>

color属性定义文字的颜色，颜色属性值由红（red）、绿（green ）、兰（blue）三原色所占比例多少来确定，每种颜色用2位十六进制数来表示，合起来用 rrggbb 表示，其取值范围： 000000~ffffff，可在数字前加一个“#”，如#0077ff，表示这是个十六进制数，也可以不写#，因为默认就是十六进制数；
思考题？
用HTML语言编写一个简单网页，文件名为0201.html，用来查看网页的显示效果，效果如下：
2.1.4 分段换行、预格式与列表 1. 分段标签 <p align="#">„„</p>  2. 换行标签 <br />  3. 预格式标签 <pre>„„</pre>
语言。而JavaScript是一种比较流行的制作网页特效的脚本语言，它由客户
端浏览器解释执行，在JSP程序中适当地使用JavaScript，不仅能提高程序的开发速度，而且能减轻服务器负荷。
第 3 页
第2章 JSP开发基础
2.1 HTML语言一. 二. HTML简介 HTML静态网页基本结构七. 表格的设计八. 表单的设计九.框架
2.1.7 表格的设计
1. 表格标签
< table border=n1 cellspacing=n2 cellpadding=n3 bgcolor=rrggbb width=n4 height=n5>„„</table> 定义一个表格，border指定表格边线宽度；

第2章 JSP开发基础
第2章 JSP开发基础
2.1 HTML语言 2.2 CSS基础
2.3 JavaScript脚本语言
2.4 Dreamweaver 2.5 Java语言基础
第 2 页
第2章 JSP开发基础
JSP页面是由HTML代码和嵌入到其中的Java代码组成，JSP是基于Java语言的，它是Java的网络应用，因此，在学习JSP时，需要熟悉Java语言和HTML
星期一、星期二、星期三、星期四、星期五、星期六、星期日。 <h3>以下是使用了三个换行标签的情况：</h3>
星期一、星期二、<br>星期三、星期四、<br>
星期五、星期六、星期日。<br> <h3>以下使用分段标签（分为两段）：</h3> <p>星期一、星期二、星期三、</p><p>星期四、星期五、星期六、星期日。</p> <h3>以下使用预格式：</h3> <pre> </body> </html> 星期一、星期二、星期三、星期四、 </pre> 星期五、星期六、星期日。
பைடு நூலகம்

例1-3.html
含有分段、换行和预格式标签的网页文件1-3.htm如下： <html> <head> <title>分段换行与预格式</title> </head>
<body>
<h3>以下是没有使用分段、换行与预格式标签的情况：</h3>
2.1.5 媒体元素的插入
1. 图像的插入 < img src="path&filename" align="#"></img> 图像插入标签； width=n1 height=n2

2.1.3 网页内的文字格式 3. 加粗、倾斜与下划线的定义 <b>„„</b>  <i>„„</i>  <u>„„</u>  使用加粗、倾斜与下划线标签（ b、i、u），可对文本文字进一步修饰。如：<b><font size=5>„„</font></b>等等。
</p>
<h4 align=center>二、SWF动画 </h4> <p align=center> <embed </p> </body> </html> width=200 height=120 src="flash0.swf“/>
2.1.6 超链接的使用
超链接标签的形式：
<a href="URL"|"#yyyy">„„</a>
...
</body> </html>
第2章 JSP开发基础
2.1 HTML语言
<html>
例1-1.htm：
<head>
<title>HTML网页基本结构</title> </head>
<body>
这是我制作的第一个网页。 <!-</body> </html> Hello! How do you do! --> 这里是注释内容，不会显示
2.1.5 媒体元素的插入
使用了img标签插入图像的网页文件1-4.htm如下： <html>
例1-4.htm
<head>
<body>
<title>网页图像的插入</title> </head>
<h3 align=center>一、gif图像“笑脸”</h3>
<p align=center>
<img src="FC01.gif"/> <img src="FC02.gif"/> <img src="FC03.gif"/> <img src="FC04.gif"/> <img src="FC05.gif"/> <img src="FC06.gif"/> <img src="FC07.gif"/> <p align=center> </p> <h3 align=center>二、jpg图像“环境”</h3>
<h5 align="center">第5号标题字体（居中）</h5> <font face="黑体" size=3>黑体3号文字</font>
<i><u><font face=“仿宋体” size=4>仿宋体4号文字（倾斜、下
划线） </font></u></i> <font face=" 宋体 " size=5 color=ff0000> 宋体 5 号红色文字 </font> </body> </html>
2.1.3 网页内的文字格式
2. 文本文字的定义 < font face="fontname" align="#">„„</font> size=n color=rrggbb

第 6 页
2.1.2
<html> <head> ... </head> <body>
HTML基本结构
文档头以 <head> 标签开始，以</head>标签结束。 html 文档以 <html> 标签开文档体以 <body> 标签开始，以</body>标签结束。始，以</html>标签结束。
<img src="RM01.jpg"/> <img src="RM02.jpg"/>
<img src="RM03.jpg"/> </body> </html> <img src="RM04.jpg"/> </p>
2.1.5 媒体元素的插入 2. 其它媒体元素的插入 < embed src="„.. " width=n1 height=n2 align=#></embed>  如：<embed src="movie1.avi"></embed> <embed src=“flash1.swf” /> 等等。