HTML文件的排版标记

标题标记 标题字体标记 换行标记 段落标记 居中标记 文字效果标记

标题标记(<title>)
title表是在文件头中出现的标记,它只能出现在文件头中。title标记的格式为:
            <title>文件标题</title>

标题字体标记(<hx>)
标题字体标记有6中,分别是h1.h2.……h6,用语表示文章中各种标题的大小。标记号越小,标题越大。一般情况下,浏览起对标题的解释如图所示:
     其原文件如下:
<title>
<head>
<title>标题大小示例</title>
</head>
<body>
<h1>这是一号标题的例子</h1>
<h2>这是二号标题的例子</h2>
<h3>这是三号标题的例子</h3>
<h4>这是四号标题的例子</h4>
<h5>这是五号标题的例子</h5>
<h6>这是六号标题的例子</h6>
</body>
</html>

hx可以有对齐属性,格式为:<hx align=#>,其中的#表示:
●   left  文本内容居左
●   center  文本内容居中
●   right  文本内容居右
例如下面的例子:
<html>
<head>
</title>标题大小示例</title>
</head>
<body>
<h2 align=left>二号标题居左显示</h2>
<h3 align=center>三号标题居中显示</h3>
<h4 align=right>四号标题居右显示</h4>
</body>
</html>

换行标记(<br>)
换行标记的格式为:……<br>
作用为强迫文字转行,所显示的格式并不会因为浏览器窗口大小的改变而改变。
例:原文件如下:
<html>
<head>
<title>文字换行</title>
</head>
<body>
故人西辞黄鹤楼,<br>
烟花三月下扬州。<br>
孤帆远影碧空尽,<br>
唯见长江天际流。<br>
</body>
</html>
显示效果如图:

段落标记(<P>)
网页浏览器是基于屏幕显示窗口大小的,拥护可以随时改变显示区的大小,而HTML文件将多个空格视为一个空格,这是和绝大多数字处理软件不同的,HTML的分段完全以来于段落标签<P>,并且段与段之间会有一个空行。
<P>也卡宴有多种属性,比较常用的属性是:
align=# #可以是left,center,right之一,其含义同上文。
例:原文件如下:
<html>
<head>
<title>段落</title>
</head>
<body>
网页浏览器是基于屏幕显示窗口大小的,拥护可以随时改变显示区的大小。<P>
而HTML文件将多个空格视为一个空格,这是和绝大多数字处理软件不同的.<P>
HTML的分段完全以来于段落标签<P>
</body>
</html>
显示如图:

居中标记(<center>)
在HTML语言中很多标记有居中对齐方式属性,如hx,p等。也可以对整段的文本直接用居中标记。
格式为:<center>……</center>
例如:
<html>
<head>
<title>居中标记</title>
</head>
<body>
<h3 align=center>网页浏览器是基于屏幕窗口大小的</h3>
<center>
网页浏览器是基于屏幕显示窗口大小的,拥护可以随时改变显示区的大小。而HTML文件将多个空格视为一个空格,这是和绝大多数字处理软件不同的.HTML的分段完全依赖于段落标签.
</center>
</body>
</html>

在这里,可以看到浏览器回根据窗口的大小自动调整每行字的居中显示,拥护也可以使用<body>标记中的居中属性,它将对所有网页中的内容执行居中显示。标记格式为:<body align=center>……</body>

文字效果标记
(1)粗体与斜体
粗体标记:<b>……</b>
斜体标记:<I>……</I>
(2)底线与删除线
底线标记:<U>……</u>
删除线标记:<s>……</s>
(3)文字闪烁
<blink>……</blink>
注意:IE浏览器不支持此效果。
(4)上标与下标
上标标记:<sup>……</sup>
下标标记:<sub>……</sub>
(5)字型大小与颜色
字型大小标记:<font size=N>……</font> N=1~7
字型颜色标记:<font color=#value>……</font> value值在000000至ffffff(十六进制)之间。
(6)背景色与背景图
这两个属性标记是放在<body>标记中的,格式为:
<body bgcolor=#value>     <body background="src">
其中,value为颜色值,同上文;src为到图片的链接,即图片的存放路径。
(7)文字颜色
格式为:<body text=#value>  value为颜色值,默认的字体颜色为黑色。
注意;这里的文字颜色是指整个网页文字的默认值。
文字效果示例,原文件如下:
<html>
<head>
<title>文字效果</title>
</head>
</head>
<body bgcolor=black text=ffffff>
<B>这是加粗的字体</b><br>
<i>这是斜体字型</i><br>
<font size=3><U>这是三号加了底线的字体</u></font><br>
<font color=#red><S>这是红色加了删除线的字体</s></font><br>
这是有上标的字体X<sup>2</sup>+Y<sup>2</sup><br>
这是有下标的字体H<sub>2</sub>O<br>
</body>
</html>
显示效果如图: