HTML页面的文字布局与文字效果.ppt

第二章 HTML页面的文字布局与文字效果 课程目标 HTML页面的文字布局 HTML页面的各种字体效果及滚动字符 页面正文文字布局 输入标题 划分段落 输入标题 一般文章都有标题、副标题、章和节等结构，HTML中也提供了相应的标题标记hn，其中n为标题的等级。 HTML提供6个等级的标题，n越小，标题的字号就越大。 一般情况下，浏览器对标题作如下解释： h1 黑体，特大字体，居中，上下各有两行空行。 h2 黑体，大字体，上下各有一到两行空行。 h3 黑体，大字体，左端微缩进，上下空行 。 h4 黑体，普通字体，比h3更多缩进，上边空一行。 h5 黑体，与h4相同缩进，上边空一行。 h6 黑体，与正文有相同缩进，上边空一行 。 标题属性 看一下标题大小 划分段落 p/p标记对用来创建一个段落，在此标记对之间的文本按照段落的格式显示在浏览器上。HTML将多个空格以及回车等效为一个空格，HTML的分段完全依赖于分段标记。 p也可以有多种属性，比较常用的属性是：align＝# ，#可以是left,、center,、right br标记用来创建一个回车换行 HTML页的文字效果 在HTML文件里，一般都有大量的文本信息。如要主次分明、重点突出的显示这些信息，则需要在格式设定方面使用更多的标记和更详细的设置。 字体大小 字体风格 字体大小 html有七种字号，1号最小，7号最大。缺省字号为3 设置文本的字号有两种办法 一种是设置绝对字号，font size=字号 另一种是设置文本的相对字号；font size=±n 字体风格 物理风格VS逻辑风格 物理风格 b黑体，i斜体，u下划线，tt打字机体 逻辑风格 em强调、srrony特别强调、code源代码、samp例子、kbd键盘输入、var变量、dfn定义、cite引用、small较小、big较大 、sup上标、sup下标 几种字体风格 Html Head Title设置字体风格/Title /Head Body p align=center b黑体/b/p p align=centeri斜体/i/p p align=centeru下划线/u/p p align=centertt打字机风格/tt/p p align=centerem强调/em/p p align=centerstrong加重/strong/p /Body /Html 字体颜色 字体的颜色用font color=#指定，#可以是6位16进数，分别指定红、绿、蓝的值 也可以是black，olive，teal，red，blue，maroon，navy，gray，lime，fudrsia，white，green，purple，sliver，yellow，aqua之一 闪烁 blink /blink标记对可使文本闪烁，闪烁频率为１秒钟一次。 例如： Html Head Title设置字体大小/Title /Head Body h3 align=center诉衷情/h3 p align=center font size=4 color=”red” blink 当年万里觅封候，匹马戍梁州。关河梦断何处？尘暗旧貂裘br 胡未灭，鬓先秋，泪空流。此生谁料，心在天山，身老沧洲！ /blink /font /p /Body /Html（在Mozilla Firefox 2.0中通过） 水平线 (hr) 水平线，一般用于分隔同一文体的不同部分起到美观的作用 在窗口中划一条水平线非常简单，只要写一个hr即可 滚动字符 滚动字符，也称为滚动看板、滚动字幕 活动字幕的使用使得整个网页更有动感，显得很有生气。现在的网站中也越来越多地使用活动字幕来加强网页的互动性。 在HTML页中可以用marquee/marquee标记对实现文字的滚动 滚动字符的属性 marquee/marquee标记对中的各种属性来改变滚动字符的效果 可选的参数有： align：是设定活动字幕的位置，不过除了居左、居中、居右三种位置外，又 增加靠上（align=top）和靠下（align=bottom）两种位置。 Bgcolor：用于设定活动字幕的背景颜色，一般是十六进制数。 Direction：用于设定活动字幕的滚动方向是向左、向右、向上、向下。 Behavior：用于设定滚动的方式，主要由三种方式：behavior=“scroll”表示 由一端滚动到另一端；behavior=“slide”:表示由一端快速滑动到 另一端，且不再重复； behavior=“alternate”表示在两端之间来 回滚动。 Height：用于设定滚动字幕