《网页设计与制作第2章》由会员分享，可在线阅读，更多相关《网页设计与制作第2章（4页珍藏版）》请在金锄头文库上搜索。
1、第2章 HTML实作基础文字、段落及背景标记一、知识要点：1、文字格式文字属性：size：设置文字的大小，17，1最小，7最大，默认3号； face：设置文字的字体，默认宋体； color：设置文字的颜色，默认黑色。 设置文字的基准大小，数字介于17之间；文字 在在基准文字大小的基础上改变文字大小。表示颜色有两种方法：常用色彩，可用英文单词表达。如：“红色”-“red”;“蓝色”-“blue” 采用三色组合方式：RGB（rrggbb）代码 色彩是用 16 进制的 红绿蓝(red-green-blue, RGB) 值来表示。16 进制的数码有: 0,1,2,3,4,5,6,7,8,9,a,b,c
2、,d,e,f. 名称颜色代码名称颜色代码名称颜色代码黑色black#000000白色white#FFFFFF灰色gray#999999红色red#FF0000绿色green#00FF00蓝色blue#0000FF黄色yellow#FFFF00紫红色fuchsia#FF00FF青绿色Aqua#00FFFF 采用三色组合时，可以直接书写各种颜色的值，也可以用调色板选取。2、字体样式标记功能标记功能文字黑体文字斜体文字带下划线文字带删除线文字上标文字下标文字增强文字强调文字小字体文本文字大字体文本文字标准打印机字体文字引用3、设置常用特殊符号（转义符） 转义符功能转义符功能转义符功能 (
3、空格)> (大于号)< (小于号)&"“ (引号)±©®™4、设置字幕文字 这是我做的第一个网页，真高兴。 属性：bgcolor：设置字幕的背景色，默认为白色； width：字幕宽度，可以以像素为单位或相对于窗口宽的百分比，默认为100%； height：高度，以像素为单位； direction：移动的方向为从右到左、从左到右、从下到上或从上到下，默认为从右到左； loop：循环次数为正整数或无限循环（-1或infinite），默认为无限循环； behavior：scroll文字单向滚动，side滚动文字到达边界停止，a
4、lternate滚动文字到达边界后反向滚动，默认为scroll； scrollamount：文字移动速度； scrolldelay：移动每步的延时。5、设置分段 文字属性：align：段落的水平对齐方式, 默认为居左。6、设置换行、不换行 文字：强制换行； 文字：强制不换行。7、设置标题文字文字 n指定标题文字的大小，n取16，有分段和文字加粗效果，h1文字最大，h6文字最小； 8、设置居中对齐 文字9、设置分区显示 文字或图像：用于排版大块段落、表格等。 在后面的图形图象的内容可以看到 10、预排格式 文字：保留文字在纯文字编辑器中的格式，原样显示，不受前面的文字和段落格式的影响。11、文本
5、缩进 文字：一个将文字缩进5个字符。12、设置水平线 属性：size：线条的粗细，像素为单位，默认为2； noshade：设定为无阴影，默认为有阴影。13、设置网页主体属性：text：设置网页的文字的颜色，默认为黑色；当与标记同时对文字颜色进行定义时，标记优先； background：设置网页的背景图形，浏览器所能接受的图形文件的URL； leftmagin：页面左右的空白，以像素为单位； topmargin页面上下的空白，以像素为单位。二、例题分析例21：制作如图所示的网页，要求章为标题H2，居中，隶书，红色；节为标题H3，居左，黑体，绿色；正文为宋体，蓝色。整个网页背景为乳白色。例2-1第
6、2章HTML实作运用文字、段落及背景标记 本章将针对HTML中文字的格式设置及排版的方式，做一下说明，并实际依照HTML的语法及标记的使用方法，配合实际的运行，使大家能更了解HTML的妙用。2-1 文字 当我们在浏览别人的网页时，不知是否注意到网页中的文字是多变的，是有色彩的。而本节我们就将带领各位进入文字的多变世界。例22：例2-3紫色是网页背景色彩的默认值，若是你觉得太单调，可采用<BODYBGCOLOR=#value>改变网页背景的颜色。 若要以图形作为网页的背景，则使用<BODY BACKGROUND=路径图形文件名称>当<BODY>与<FONT>标记同时对文字颜色进行定义时，<FONT>标记优先。三、实作训练2.1：制作如下图所示的网页，背景图片为C盘Windows文件下的安装程序.bmp，标题为滚动字幕，从左到右滚动速度20，紫色，3号字；第一根水平线，蓝色，宽100%，粗2，有阴影；公式为深红色；第二根水平线，深绿色，宽400px，粗1，居左，无阴影；公式的超文本也为深红色。并把正确的HTML代码写在下面。
