网页设计第6章网页元素的编辑课件

,*,*,第,6,章 网页元素的编辑,6.1,文本排版,6.1.1,段落,称为分段控制标签，成对使用。其作用是将文档划分为段落，文本在一个段落中会自动换行。例如：将文本分为三个段落来显示，效果如图,6-1,所示。,段落,互联网始于,1969,年，,之后有越来越多的公司加入。,1968,年，,协议中表现出的精神。,互联网最初设计是为了,经由中间路由器在网络中传播。,6.1.2,换行,在,HTML,中，一个段落中的文字会一直从左向右依次排列，直到浏览器窗口的右端，然后自动换行显示。而如果希望在某处强制换行，则需要使用换行标签。,称为换行标签，它是一个单标签，作用是令其后面的内容在下一行显示。例如：将文本第二段强制换行显示，效果如图,6-2,所示。,段落,互联网始于,1969,年，,之后有越来越多的公司加入。,1968,年，当参议员,TedKennedy(,特德,.,肯尼迪,),听说,表现出的精神。,互联网最初设计是为了,经由中间路由器在网络中传播。,6.1.3,标题,在,HTML,中，文本除了以段落的形式显示，还可以作为标题出现。从结构来说，通常一篇文档最基本的结构就是由若干不同级别的标题和正文组成的。,称为标题标签，它是一个双标签，其作用是设置网页中的标题文字，被设置的文字将以黑体或粗体的方式显示在网页中。,标签一共六级，,标签表示,1,级标题，,标签表示,2,级标题，一直到,标签表示,6,级标题。由,到,逐渐变小，标题文字具体的大小会因浏览器的不同而不同。每个标题标签所示的字句将独占一行且上下留一空白行。,例如：设置,1,级和,2,级文字标题，效果如图,6-3,所示。,6.1.4,特殊文字符号,在,HTML,文件中，有时会用到一些特殊字符，例如,“C”,、,“R”,、空格，这些在,HTML,文件中都有相应的代码。表,6-1,列出了一些常见的特殊字符代码。,特殊或专用字符,数字代码,字符代码,&,“,！,：,空格,6.2,文字列表,文字列表的主要作用是有序的编排一些信息资源，使其结构化和条理化，并以列表的样式显示出来，以便浏览者能更加快捷的获得相应信息。,6.2.1,无序列表,无序列表标签为,，它是一个双标签。其中每一个列表项使用,标签，其结构如下所示。,第一项,第二项,第,n,项,例如：用无序列表的方式列举,HTML,的特点。效果如图,6-4,所示。,无序列表,HTML,的特点,简易型,可扩展性,平台无关性,例如：用有序列表的方式列举,HTML,的特点。效果如图,6-5,所示。,有序列表,HTML,的特点,简易型,可扩展性,平台无关性,6.2.3,定义列表,定义列表不仅仅是一列项目，而是项目及其注释的组合。定义列表以,标签开始，,标签结束。每个定义列表项目使用,标签，每个定义列表项目的注释使用,标签。一个列表项目可以有多个注释，其结构如下所示。,第一项项目,第一项注释,1,第一项注释,2,第一项注释,n,第,m,项项目,第,m,项注释,1,第,m,项注释,2,第,m,项注释,n,6.3,图像应用,6.3.1,网页中的图像格式,虽然有很多种计算机图像格式，但由于受到网络带宽和浏览器的限制，在,Web,上常用的图像格式包括以下,3,中：,GIF,、,JPEG,（,JPG,）和,PNG,。它们都是标准的位图格式。,1.GIF,格式,GIF,格式只支持,256,色以内的图像，且采用无损压缩存储，在不影响图像质量的情况下，可以生成很小的文件。它支持透明色，可以使图像浮现在背景之上。它还支持动画效果，即,GIF,动画。并且，,GIF,格式在浏览器下载完整张图片之前，浏览者就可以看到该图像。由于,GIF,格式的特点，一般网页上由线条构成的、颜色种类比较少的图像，通常适合保存为,GIF,格式。,6.3.2,路径,在网页中，路径一般有两种：相对路径和绝对路径。,相对路径是以引用文件的网页所在位置为参考基础而建立的目录路径。也就是从自己的位置出发，去说明到达目标文件的路径，共有三种情况。,链接到同一目录下的文件：文件名,+,扩展名。,链接到下一级目录中的文件：目录名,/,文件名,+,扩展名。,链接到上一级目录中的文件：,./,目录名,/,文件名,+,扩展名,绝对路径是以,Web,站点的根目录为参考基础的目录路径，在,WWW,中则以,http,开头的链接都是绝对路径。,6.3.3,插入图像,向网页中插入图像需要用到的标签是,标签，它是一个单标签。其语法格式如下：,例如：向网页插入一幅图片（图片文件与,HTML,文件在同一目录下），效果如图,6-7,所示。,插入图像,