页面布局与文字设计

《页面布局与文字设计》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、教学目的:1．掌握使用页面属性控制标记;2．掌握文本格式化标记学会灵活应用;3.掌握文字移动标记;第二章页面布局与文字设计教学重难点:页面属性控制标记的设置.(重点)文字移动(难点)任务一、文档主体属性的设置1.在〈BODY〉标记中可以确定整个文档的背景色、前景色等基本属性。2.语法:说明:bgcolor---页面背景色彩text---普通文字的色彩

2、link---可链接文字的色彩alink---正被点击的可链接文字的色彩vlink---访问过的可链接文字的色彩background---背景图象,后面是一个图象地址bgproperties=“fixed”---固定背景图片任务二、文字的基本属性文件题头属性:之间的部分，就是这一个HTML文档的总标题，它一般出现在标记中。文件标题一般会显示在浏览器最上面的标题栏的位置.2.标题(hn)标题元素有6种，分别为h1,h2,…h6，用于表示文章中的各种标题。标题号越小，

3、字体越大.其中hn可以有对齐属性，align＝#，#表示left标题居左center标题居中right标题居右例如：标题2的文字3.分段标记

html的浏览器是基于窗口的，用户可以随时改变显示区的大小，所以html将多个空格以及回车等效为一个空格，这是和绝大多文字处理器不同的。html的分段完全依赖于分段元素

,

也可以有多种属性，比较常用的是：align=#,#可以是left,center,right.如:

paragraphyone

p

4、aragraphtwo

作用：令文字按照原代码的方式显示。这个标记允许保留你在原代码中输入的空白和回车。6.字体标记字体大小用指定。HTML有7种字号，1最小，7最大。缺省值为3号。例如：Todayisfine!(2)字体颜色用指定。其中，#参数值可是是用英文描述的颜色如“RE
5、D”，”BLUE”，也可以是十六制进值。(3)字形用指定。7.字体风格分为：物理风格和逻辑风格。物理风格直接指定字体，有黑体，斜体，下划线。逻辑风格指定文本的作用，如：突出显示，它并不指明怎样突出法，而让浏览器自行决定，大多数浏览器就把它处理为斜体。重点突出显示8.字体闪烁文本使文本闪烁，闪烁频率为1秒钟一次。IE浏览器并不支持，Netscape浏览器支持。9.居中标记
6、nter>很多标记都有对齐方式属性，如,
等。也可以直接用居中链接签
….例如：Thismustbemydream.10.水平线标记
语法:作用:这个标签可以在屏幕上显示一条水平线，用以分割页面中的不同部分。属性说明：size:水平线的宽度;width:水平线的长，用占屏幕宽度的百分比或象素值来表示;align:水平线的对齐方式，有left,right,cent
7、er三个值noshade:线段无阴影属性，为实心线段11.清单标记无序清单
清单项目1
清单项目2
说明:
的参数设定:有序清单
清单项目1
清单项目2
说明:
的参数设定:设定数目款式设定开始数目定义清单
是一种分两层的项目清单,用
开始，用清单条目
引导,用
说明.
I
8、tem1
Thedefinitionofitem1
Item2
Thedefinitionofitem2
任务三、文字移动标记(marquee)用文字编排各种web页面时，有时难免会有一些需要强调的部分，此时设置一些文字的动态效果会起到强调突出文本的作用。在HTML页面设置文字的移动，必须在浏览器中才能显示。文字移动所包含的主要内容