版面风格控制

4.1　字体大小
　　html有七种字号，1号最小，7号最大。缺省字号为3，可以用<basefontsize=字号>设置缺省字号。

　　设置文本的字号有两种办法，一种是设置绝对字号，；另一种是设置文本的相对字号；。用第二种方法时“＋”号表示字体变大，“－”号表示字体变小。

字体大小　字体大小

字体大小 　字体大小

字体大小　字体大小

字体大小　字体大小

字体大小　字体大小

字体大小　字体大小

字体大小　字体大小

　　§4.1.2 字体风格

　　字体风格分为物理风格和逻辑风格。

　　物理风格直接指定字体，物理风格的字体有：黑体，斜体，下划线，<tt>打字机体。

　　逻辑风格指定文本的作用：强调 <srrony>特别强调 <code>源代码<samp>例子 <kbd>键盘输入 <var>变量 <dfn>定义 <cite>引用 较小<big>较大 上标 下标

物理风格(Physical Style):
今天天气真好！ 今天天气真好！
今天天气真好！ 今天天气真好！
今天天气真好！ 今天天气真好！
<tt>今天天气真好！</tt> 今天天气真好！
今天天气真好！ 今天天气真好！
今天天气真好！ 今天天气真好！
<s>今天天气真好！</s> 今天天气真好！
<strike>今天天气真好！</strike> 今天天气真好！

逻辑风格(Logical Style):
今天天气真好！ 今天天气真好！
今天天气真好！ 今天天气真好！
<code>今天天气真好！</code> 今天天气真好！
<samp>今天天气真好！</samp> 今天天气真好！
<kbd>今天天气真好！</kbd> 今天天气真好！
<var>今天天气真好！</var> 今天天气真好！
<dfn>今天天气真好！</dfn> 今天天气真好！
<cite>今天天气真好！</cite> 今天天气真好！
今天天气真好！ 今天天气真好！
<big>今天天气真好！</big> 今天天气真好！

　　§4.1.3 字体颜色

　　字体的颜色用...指定

　　xxxxxx可以是6位16进数，分别指定红、绿、兰的值，也可以是black，olive，teal，red，blue，maroon，navy，gray，lime，fudrsia，white，green，purple，sliver，yellow，aqua 之一。

　　字体风格
　　字体风格

　　§4.1.4 闪烁

　　<blink>文本</blink>使文本闪烁，闪烁频率为１秒钟一次。

　　§4.2 标尺线(hr)

　　标尺线，一般用于分隔同一文体的不同部分。在窗口中划一条标尺线非常简单，只要写一个<hr>即可。标尺线的宽度用<hr size=n>指定，width=#>指n是线宽，单位是象素。例：<hr size=10>。 <hr 定标尺线长度，可以指定绝对线长，也可以指定标尺线长度占窗口宽度的百分比。例<hr width=50> 、<hr width=50%>。

　　标尺线的位置用<hr align=#>指定。

　　#是left成right之一，left表示左端与左边界对齐，right是右端与右边界对齐，缺省，标尺线出现在窗口正中。

<hr>

--------------------------------------------------------------------------------

<hr size=10>

--------------------------------------------------------------------------------

<hr width=50>

--------------------------------------------------------------------------------

<hr width=50%>

--------------------------------------------------------------------------------

<hr width=50% align=left>

--------------------------------------------------------------------------------

<hr width=50% align=right>

--------------------------------------------------------------------------------

<hr noshade>

--------------------------------------------------------------------------------

<hr color=#>
#=rrggbb 16 进制 RGB 数码，或者是下列预定义色彩：
Black, Olive, Teal, Red, Blue, Maroon, Navy, Gray, Lime,
Fuchsia, White, Green, Purple, Silver, Yellow, Aqua
　　4.3　行间图象

　　行向图象使你的页面更加漂亮，但是行向图象会导致网络通讯量急剧增大。使访问时间延长。所以在主页(homepage)，不宜采用很大的图象。如果确实需要一些大图象，最好在主页中用一个缩小的图象指向原图，并标明该图的大小。这样读者可以快速地访问您的主页，自己选择看还是不看那些图象。

　　图象的基本格式为：

　　　<img src="image-url">或<img src="image-urd" alt="text">image-url是图象文件的url。目前，大部分浏览器支持 .gif 和 .xbm文件，netscape还支持jpeg文件。alt属性告诉不支持图象的浏览器用text代替该图。

　　4.3.2 图象与文本的对齐方式

　　图象在窗口中会占据一块空间，在图象的左右可能会有空白，不加说明时，浏览器将随后的文本显示在这些空白中，显示的位置由align属性指定。

<img src=URL align=top> My face!
My Face!

<img src=URL align=middle> My face!
My Face!

<img src=URL align=bottom> My face!
My Face!

4.3.3 图象在页面中的对齐方式／布局（Floating Image)

<img align=left>
<img src=URL align=left>My Face! 
It is always 
smiling. 
Hahaha.... 

My Face!
It is always
smiling.
Hahaha....

　

　

<img align=right>
My Face!
It is always
smiling.
Hahaha....

　

　

 
<img src=URL align=left>My Face! 
It is always
 
smiling. 
Hahaha.... 
My Face!
It is always

smiling.
Hahaha....

　

　

<img vspace=# hspace=#> #=value
<img src=URL align=left vspace=10 hspace=20>My Face! 
It is always 
smiling. 
Hahaha.... 
My Face!
It is always
smiling.
Hahaha....

　　4.4 分行 和禁止分行

　　 表示在此处分行，....叫通知浏览器，其中的内容在一行内显示，若一行内显示不了，则超出部分被裁剪掉。

　　 clear属性标明下一行的情况，如clear=left，表示下一行从左边界处开始。#可以是left，right，all之一。例:

　　§4.5 背影和文本颜色

　　窗口背景可以用下列方法指定
　　<body background="image-url">
　　<body bgcolor=# text=# link=# alink=# vlink=#>

　　前者指定填充背景的图象，如果图象的大小小于窗口大小，则把背景图象重复，直到填满窗口区域。

　　后者指定的是16进制的红、绿、兰分量。

bgcolor 背景颜色
Text 文本颜色
Link 链接指针颜色
alinik 活动的链接指针颜色
vlinik 已访问过的链接指针颜色

　　例 <body bgcolor=FFoooo>大红背景色.

　　注意，此时体元素必须写完整，即用<body>结束

　　4.6　转义字符与特殊字符

　　html中< ， >，&有特殊含义，(前两个字符用于标注，&用于转义)，不能直接使用。使用这三个字符时，应使用它们的转义序列。

　　& 的转义序列为 & amps 或 & #38；
　　< 的转义序列为 & Lt; & #60；
　　> 的转义序列为 & gt; & #62；

　　前者为字符转义序列，后者为数字转义序列。

　　例如　& Lt; font &Lgt;显示为若直接写为则被认为是一个标注。

　　需要说明的是：

a. 转义序列各字符间不能有空格；
b. 转义序列必须以“；”结束；
c. 单独的&不被认为是转义开始。

　　如“ & Lt； ”被解释为 “& Lt；”而不是<“&# 62 ；”被解释为 “& # 60；”而不是>另一个需要转义的字符是引号，它的转义序列为"""或"""，例如<img src="image.gif"alt="A &quol; real " example">。html使用的字符集是ISO &859 Larin-1字符集，该字符集中有许多标准键盘上无法输入的字符。对这些特殊字符只能使用转义序列。