搜索 秦石磊jsp课件 可得到整套ch02.pptVIP

* * 第二章 HTML 语言和JavaScript语言 前面第一章中，我们学习了如何来配置JSP的运行环境，如果我们希望做一个比较完善的网站，我们还需要学习一些有关网页的基础知识，包括HTML语言、JavaScript语言等。下面我们来介绍这些内容。 2.1 网页的工作机制 网页的工作机制实际上并不复杂，书上给出了大家四种浏览网络地址的情况，我们这里只需明白第四种执行情况，也就是JSP网页的执行情况，而这部分前面我们已经介绍过，希望大家能掌握。 2.2 HTML语言 前面我们给大家的那个简单JSP的例子中，已经涉及到了html语言，这里我们就不在叙述。 2.2.1 HTML 注释 html 语言的注释格式如下： !-- 注释内容 -- 2.2.2 HTML 文本的基本结构 在HTML文档中，标签（也就是我们书中说的标记）是用来规定 Web文档的逻辑结构并控制文档的显示格式。可以使用HTML标签来 设置链接、标题、段落、列表等等。一般HTML标签格式是这样的： 标签名相应内容／标签名 注意： (1) 标签名用尖括号括起来，不区分大小写。 (2) HTML标签一般成对出现。 (3) 某些HTML元素只有起始标签而没有相应的结束标签，例如 换行标签，由于不包括相应的内容，所以只使用〈BR〉就可以了。 下面我们就来编写一个简单的html网页，这里我们 用记事本来编 辑。大家要注意，在编完之后一定要用保存为扩展名为“html”或者 “htm”的存文本文件。 http://localhost:8080/ch2/sample1.html 我们可以采用 IE —工具— 查看原代码 来看我们编写的文件. 2.2.3 文字格式的设置 上节介绍的是一个很简单的html网页，实际上要掌握好html语言，我们必须熟悉它的其它标记的用法。这节我们来介绍如何来设置文字信息。 设置标题 标题元素有6种，分别为h1, h2,…h6，用于表示文章中的各种题目。标题号越小，字体越大。一般情况下，浏览器对标题作如下解释：　 H1 一级标题标记 变粗变大加宽，程度与级数反比 ? H2 二级标题标记 将字体变粗变大加宽 ? H3 三级标题标记 将字体变粗变大加宽 ? H4 四级标题标记 将字体变粗变大加宽 ? H5 五级标题标记 将字体变粗变大加宽 ? H6 六级标题标记 将字体变粗变大加宽  http://localhost:8080/ch2/sample2.html 设置字体 在HTML语言中，我们使用font…/font来设置字体，包括字体的字号、大小、颜色等。它的格式为： font face=? Size=? Color=? … /font face 表示采用什么字体，size 表示字体大小，color 表示字体颜色 当然这些属性不需要全部设置。 font face=“Times New Roman, Times, serif ” hello /font 这个表示face 属性设置了组合字体，在选择时首选第一个，当然如果没有face 属性，表示将采用系统的默认设置。 http://localhost:8080/ch2/sample3.html 其它字体标记 当然有时候我们可能需要将某段文字加粗、以斜体显示或者别的特殊效果时，我们可以通过下面的文字标记。 http://localhost:8080/ch2/sample4.html 2.2.4 文字版面标记 这里讲到的文字版面标记，主要是指设置换行、文字分段和对齐等标记。 换行标记 在HTML语言中，换行标记为： br ,值得注意的是换行标记是一个单独标记，不是成对标记。 另外对应换行标记，也有一个不换行标记：nobr…/nobr 下面我们给大家一个例子，来示范这两个标记的效果。 http://localhost:8080/ch2/sample5.html 段落标记 格式： p…/p 它标识一个段落，并在段前段后各添加一个空行，其中的文字不受影响。 对齐标记 可以使用一些标记将文字按某种方式对齐，如居中对齐、居左对齐等。我们直接看例子： http://localhost:8080/ch2/sample6.html 2.2.5