(学习文件.docVIP

第三讲 Web页面制作基础（二） 建立列表: 在网页中经常使用的列表分为两种：有序列表和无序列表。由带有序号标志(如数字、字母等)的表项组成有序列表，否则就为无序列表。 有序列表 格式：ol type=”符号列表” li type=”符号类型”…/li li type=”符号类型”…/li/ol 功能：建立有序列表。 使用ol…/ol标记建立有序列表，使用li标记建立列表项。li…/li开始标记和结尾标记都是必选的，即每个表项的结束就是下一个表项的开始，建好的整个表项会与上下文本间各空一行，列表项目向右缩进左对齐，各表项前带有顺序号。 有序列表使用的顺序号的种类通过ol或li的type属性来设置,共有五种类型：数字(1，2，…)、大写英文字母(A、B)、小写英文字母(a,b,…)、大写罗马字母(I,II,…)、小写罗马字母(i,ii,..)、默认的序号是数字。 有序列表的使用见html文件夹里面的f.htm 源程序如下： ol p计算机新书/p liasp程序设计/li lihtml网页设计/li liphotoshop使用指南/li /ol (2)无序列表 格式: ul type=”符号类型” li type=”符号类型”…/li … /ul 功能：建立无序列表。 从浏览器上看，无序列表和有序列表很相似，列表项作为一个整体，与前后文本间各有一个空行，各表项前带有项目符号。与有序列表不同的地方是项目符号没有顺序。无序列表标记ul也有属性type指定每个表项左端的符号类型，可以为disc(实习圆点),circle(空心圆点),square(方块),自定义图片,默认为实心圆点。 有序列表的使用见html文件夹里面的g.htm 源程序如下： ul type=circle p英语新书/p li外经贸英语/li li实用英语翻译/li li朗文英语语法/li /ul 字体设置标记 格式：font…/font 功能：设置字体格式标记。 font标记提供了几种属性，使用它们可以很容易的设置字体的大小、颜色、字型等。 标记属性 功能 Size=size 设置文字的大小 Face=fontstyle 设置字体 Color=colorvalue 设置文字的颜色 Size表示字体的大小，数字的范围为0~7,取1时最小，取7时最大。Face用来设置字体，如宋体、黑体、隶书等。Colorvalue设置字符的颜色。 font与hn有很大的区别。首先，font中间的文本内容(如一段文章、语句、短语)不会自动换行，文字不会自动加粗，这与标题标记hn不同，n取1时字号最大，取6时最小，而且font中size取7时,文字比hi要大。显示的效果可以看到下面的例子。 例h.htm: html head titlefont和h1的区别/title /head body centerfont face=”隶书” size=7 color=”blue”我是lt;fontgt;标记!/font h1 align=center我是lt;h1gt;标记!/h1 /body /html 四种关于字符的标记 关于字符的标记 功能 u…/u 给字符加下划线 s…/s 给字符上加横线，表示删除 b…/b 给字符加粗 i…/i 将字符设置成斜体 例i.htm： pu计算机的发展历史及发展前景/u ps计算机的发展历史及发展前景/s pb计算机的发展历史及发展前景/b pi计算机的发展历史及发展前景/i 加入图像 在各大站点上，都使用了大量的精心设计的图像。图像的出现为本来单调乏味的的世界增添了一道亮丽的风景线。图像在网页设计中是必不可少的，所以用户应掌握在网页中操作图像的方法。 格式：img…/img 功能：在网页中加入图像、视频、动画等。 标记属性 功能 Src=url 通过url给出图像来源的位置，不可缺省 Width=size 设置图像宽度 Height=size 设置图像高度 Alt=txt 设置在图像未载入前图片位置显示的文字 Border=size 设置图像边框，缺省值为0 Hspace=size 设置图片左右边沿空白 Vspace=size 设置图片上下边沿空白 看如下代码(html文件夹里的j.htm)： img src=a.jpg width=300 height=300 alt=新学期开始了 border=10 hspace=100 vspace=50 插入视频 插入视频也使用img…/img标记。其相关属性如下： 标记属性 功能 Dynsrc=url 设置多媒体来源位置 Loop=size 设置视频播放的次数 Loop