第2章 节 WEB程序设计的基础 《Web高级程序设计教程》电子教案.ppt

第2章 WEB程序设计的基础;2.1 HTML语言;;;;;;;;;;;6. FONT标记 FONT…/FONT用来修改字体和颜色。其中COLOR属性指定文字颜色，颜色的表示可以用6位十六进制代码，如FONT COLOR=#00FF00；SIZE属性指定相对尺寸。 另外， 如果用户想要设置网页的背景色和文字颜色，可以将BODY标记扩充为： BODY bgcolor=# text=# link=# alink=# vlink=# background=”imageURL” 其中各个元素的说明如表2-1所示，表2-2列出了一些常用颜色的RGB值 ; 表2-1 设置背景景色和文字颜色;;;;;;;;;（2）同一个文件中的链接 上面提到的链接指针可以使读者在整个Internet网上方便地链接，这种链接方式称作远程链接。但如果编写了一个很长的HTML文件，从头到尾地读很浪费时间，能不能在同一文件的不同部分之间也建立起链接，使用户方便地在上下方之间跳转呢？ 答案是肯定的，超链可以指向自己的计算机中的某一个文件这种链接方式叫做本地链接。前面曾提到过一个超文本链接指针包括两个部分，一个指向目标的链接指针，另一个是被指向的目标。对于一个完整的文件，可以用它的URL来唯一地标识它，但对于同一文件的不同部分，我们怎样来标识呢？;;;;;;;当浏览器执行上述HTML文件后，在浏览器中显示如图2-6所示。在图2-6中的第一个图是通过上面的HTML文件的第六行调用“center1.gif”图像文件显示出来的。 如果在同一文件中需要反复使用一个相同的图像文件时，最好在IMG标记中使用相对路径名，而不使用绝对路径名或URL，因为使用相对路径名浏览器只需将图象文件下载一次，再次使用这个图像时，只要再重新显示一遍即可。如果使用的是绝对路径名，每次显示图像时都有要下载一次图像文件，这样会大大降低图像的显示速度。在这个例子中，使用的是相对路径，表示所调用的图片是当前目录下的images子目录下的“center1.gif”文件。 IMG标记中还可以对显示的图像添加边框。如图2-6中间图所示，其边框的像素值为8。其HTML写法为：IMG alt=校庆 src=images/center1.gif border=8;IMG标记中还提供了两个属性：HEIGHT 和 WIDTH??二者均取像素值，用来确定一个图像的高度和宽度。如果对一个图像设置的HEIGHT和WIDTH值与它原来的取值不一致，我们在浏览器上所看待到的图像大小应会发生变化。例如： IMG alt=校庆 src=images/center1.gif height=150 width=150 按高度150个像素、宽度150个像素的大小在浏览器中显示，显示结果如图8-20最右边的图所示。;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;1. 表格的标记 一个表格的基本框架如下所示： TABLE WIDTH=75% BORDER=1 CELLSPACING=1 CELLPADDING=1 CAPTION/CAPTION TR TD/TD TD/TD TD/TD /TR TR; TD/TD TD/TD TD/TD /TR TR TD/TD TD/TD TD/TD /TR /TABLE ;;;;;;;;;;;;;2.2 级联式样式表（CSS） ;2.2 级联式样式表（CSS） ;2.2 级联式样式表（CSS） ;;;;;;;;;;;;;;; 表2-3　字体属性 ;;;;;; 表2-4　CSS的颜色和背景属性;3. 文本 CSS文本属性用以改变页面文本的显示方式，这些属性可以细化页面的排版，生成特殊的文本效果。表2-5中列出了CSS的文本属性。 表2-5 CSS的文本属性 ;;;;;在CSS当中，这种样式是通过“cursor”属性来实现的。Cursor属性有很多的属性值，详细列表如下：;;;;;;