JSP入门：HTML基础与Dreamweaver应用

需积分: 4 161 浏览量更新于2024-08-01 收藏 1.06MB DOC 举报

在《梁建武<JSP程序设计实用教程>》的第二章中，主要介绍了JSP页面制作的基础，重点围绕HTML语言的应用展开。HTML，全称HyperText Markup Language，是网页制作的核心标准，它通过一系列标记符来定义网页的结构和内容。本章首先详细讲解了HTML的基础概念，包括其作用——作为超文本标记语言，用于组织和展示网页，以及HTML文件的基本构成，如元素的标识和使用方法。学习者首先需要理解HTML的元素和属性，如`<element>`、`Attribute=Argument>`的格式，以及元素的意义和内容的组织。例如，通过`<element>`标签包裹内容，可以创建段落、标题、图像等各种网页组件。HTML并不是一个视觉化的编程语言，但其简洁明了，易于上手。对于实际操作，本章提供了两种创建HTML文档的方法：一是利用专业工具如Dreamweaver和FrontPage等，这些工具提供图形化界面，使得网页制作过程更加直观和高效；二是使用纯文本编辑器，如记事本、写字板或Editplus等，虽然较为基础，但能锻炼编程基础和理解HTML源码。此外，章节还特别提到了HTML文件的命名和扩展名规范，通常采用`.html`或`.htm`。通过添加颜色、字体、布局等CSS样式，以及利用链接功能实现网页间的交互，可以让静态的HTML页面变得更加生动和动态。实例【例2.1】展示了如何使用HTML编写一个简单的网页，通过`<BODY>`标签设置了背景颜色，并通过`<HTML>`标签定义了整个文档结构，这是学习HTML页面制作的基础步骤。通过学习这部分内容，读者可以建立起JSP开发的基础，后续章节会逐步引入JSP与Java的结合，让网页具备动态处理能力。这一章为后续JSP页面开发打下了坚实的基础，是Web开发者入门的必经之路。

课后习题

设置COLOR属性指定水平线的颜色。

例如，要生成一条黄色的水平线，其HTML代码为：

【例2.3】使用<HR>标记符的属性画水平线，文件名为0203.htm，运行结果如图2.6所

示。

图2.6 水平线属性设置

<HTML>

<HEAD>

<TITLE>水平线属性设置</TITLE></HEAD>

<BODY>

</BODY>

</HTML>

（2）段落对齐

段落对齐是一种常见的段落格式，什么是段落对齐呢？其实在前面已经大量使用了对

齐方式。比如，在讲述水平线的时候，提到了ALIGN属性，用来指定水平线的对齐方式，

而段落对齐有着更丰富的内容。

在HTML中，一般使用标记符的ALIGN属性设置段落对齐方式。

1）ALIGN属性。ALIGN属性用于设置段落的对齐方式，其常见取值有4种：RIGHT

（右对齐）、LEFT（左对齐）、CENTER（居中对齐）、JUSTIFY（两端对齐）。两端对

齐也叫分散对齐，是指将一行中的文字均匀分布在左右页边距之间，以保证不会在左右页边

出现“锯齿”形状。

也许读者自己都已总结出来了，ALIGN属性可应用于多种标记符，这在前面的水平线

标记符、标题标记符等中都已提到过。今后还会遇到很多，其中最典型的是<DIV>、<P>和

<HR>等标记符。

课后习题

2）DIV标记符。DIV标记符用于为文件分节，目的是为文件的不同部分应用不同的段

落格式，其格式为<DIV>…</DIV>，位于DIV标记符中的多段文本被认为是一节，可为它们

设置一致的对齐格式。DIV标记符要与ALIGN等属性联合使用，否则它将不完成任何工作。

3）CENTER标记符。要将文件内容居中，除了可以使用<DIV ALIGN="CENTER">

</DIV>标记符外，还可使用CENTER标记符，方法为：将需居中的内容置于<CENTER>和

</CENTER>之间。

4）格式的嵌套。例如，在<DIV>标记符中设置了左对齐，而在<DIV>和</DIV>标记符

的<P>标记符中又设置了右对齐，结果会如何？这就是格式的嵌套问题。我们要考虑在同一

段内容设置不同的格式时HTML的处理方式。通常的原则是：如果所设置的格式是相容的，

则取格式叠加后的效果，即这两种格式都取上。例如，如果为一段文字同时设置了粗体和下

划线格式，则该段文字将以粗体和下划线显示；如果所设置的格式是不相容的，也就是矛盾

的，则取最近样式符的修饰效果，如在<BODY>标记符中设置了整个正文的颜色，但在正文

中可以用<FONT>标记符更改某些特定文字的颜色。

3．文字格式

在网页中可以获得各种字符的格式效果，例如可以为网页中的特定文字设置字体、颜

色等，下面将介绍如何在 HTML中设置文字格式。

（1）字符格式

我们常常需要为Web页上的文字设置字符格式。例如，将字体设置为斜体以引起注意，

或采用上标、下标格式表示特殊内容等。字符格式有很多种，表2-1列出了一些常见的格式

标记符。

字符的格式有很多种，但应注意不要过多地变化字体方式，宁少勿滥。过多地使用字

符格式，一方面麻烦，另一方面给人以混乱的感觉。

表2-1 字符格式标记符

标记符范例功能说明

<B>Bold</B> 粗体

<I>Italic</I>

斜体

<U>Underlined</U> 下划线

H<SUB>2</SUB>o如H

o 下标

X<SUP>3</SUP>如X

上标

大写体

<SMALL>small</SMALL> 小写体

固定宽度字体

<STRIKE>Strike</STRIKE> 删除字

<S>Strike</S>

删除字

剩余36页未读，继续阅读

wuyihe5304

粉丝: 2
资源: 53

JSP入门：HTML基础与Dreamweaver应用

梁建武之第二章 JSP页面制作基础

梁建武之第三章 JavaScript和Java语言

梁建武之第四章 JSP语法

梁建武之第五章 JSP内置对象

梁建武之第七章 JSP与JavaBean

梁建武之第八章 JSP与文件操作

梁建武之第六章 JSP与数据库开发

梁建武之第一章 JSP和WEB应用程序

JSP程序设计实用教程-课件-梁建武 邹锋

《JSP程序设计实用教程》-梁建武-源代码

最新资源

JSP程序设计实用教程-课件-梁建武邹锋