JSP页面制作基础：HTML与CSS入门及Dreamweaver应用
需积分: 13 13 浏览量
更新于2024-07-29
1
收藏 429KB PDF 举报
"第二章 JSP页面制作基础涵盖了HTML语言、CSS基础以及Dreamweaver的使用，旨在帮助读者建立JSP开发的基石。HTML是超文本标记语言，用于构建网页结构，通过各种标记符定义内容的呈现方式。CSS则用于控制网页的样式和布局，使其更具视觉吸引力。同时，介绍了Dreamweaver这款强大的网页设计工具，以帮助初学者快速创建和编辑网页。
在HTML部分，学习者需要理解HTML的基本语法，包括标签的使用，如`<HTML>`、`<BODY>`、`<HEAD>`等，以及属性的设置，例如`bgcolor`等。HTML通过这些元素和属性来组织网页内容，如标题、段落、图像、链接等。HTML文档通常由开始标签和结束标签组成，例如`<HTML>`和`</HTML>`，以及`<BODY>`和`</BODY>`等。此外，HTML文档还可以包含元数据，如字符编码、样式表引用等。
CSS（Cascading Style Sheets）的介绍是进一步提升网页美观度的关键。CSS允许开发者分离内容和表现，使得网页设计更加灵活。学习CSS的基本概念，如选择器、属性和值，以及如何应用内联样式、内部样式表和外部样式表，可以帮助创建更专业、更具响应性的网页设计。
Dreamweaver是Adobe公司的一款专业网页设计软件，提供了一个直观的可视化界面，使得非程序员也能创建和编辑网页。通过学习Dreamweaver，用户可以利用其拖放功能、预览选项和代码编辑器快速构建和修改HTML和CSS代码，从而实现高效、精准的网页设计。
这一章的学习目标是使读者具备基本的HTML编写能力，理解CSS在网页设计中的作用，并能够使用Dreamweaver来辅助开发，为后续深入学习JSP打下坚实的基础。通过实例操作，如编写简单的HTML网页，读者可以实际体验到网页制作的过程，从而更好地掌握这些知识。
④ NOSHADE 属性：指定没有阴影的水平线。在多数浏览器中，由<HR>生成的水平线将以
一种加阴影的 3 D 线的形式显示出来，有时并不需要这样的效果，而只想用一条简单的黑线即
可，此时用 NOSHADE 属性就可以实现。
例如，生成一条粗细长度为 5 且仅为一条黑线的 HTML 代码为：
<HR SIZE=5 NOSHADE>
⑤ COLOR 属性="#FFFFF"等：指定水平线的颜色。在 IE 3 及更高版本中，可通过<HR>设
置 COLOR 属性指定水平线的颜色。
例如，要生成一条黄色的水平线，其 HTML 代码为：
<HR COLOR="yellow">
【例 2.3】 使用<HR>标记符的属性画水平线，文件名为 0203.htm，运行结果如图 2.6 所
示。
图 2.6 水平线属性设置
<HTML>
<HEAD>
<TITLE>水平线属性设置</TITLE></HEAD>
<BODY>
<HR><HR WIDTH="50%"COLOR="#000080">
<HR WIDTH="300"COLOR="#0000FF"ALIGN="LEFT"SIZE="4">
<HR WIDTH="300"COLOR="FF0000"ALIGN="LEFT"NOSHADE>
</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>标记符更改某些特定文字的颜色。
剩余25页未读，继续阅读
点击了解资源详情
点击了解资源详情
点击了解资源详情
2010-10-27 上传
404 浏览量
2008-08-21 上传
2012-12-10 上传
2007-07-05 上传
点击了解资源详情
2024-12-28 上传
