第三章文字版面的编辑_HTML教程(2)_H5之家 - 中国HTML5教程资源分享第一站

<HTML>
<HEAD>
<TITLE>测试水平分隔线标签</TITLE>
</HEAD>
<BODY>
<CENTER>
春晓
<HR >
春眠不觉晓，
<hr size="6">
处处闻啼鸟。
<hr width="40%">
夜来风雨声，
<hr width="60" align="left">
花落知多少？
<hr size="6" width="30%" align="center" noshade color=red >
</CENTER>
</BODY>
</HTML>

3-7署名标签<address>

<address>署名标签一般用于说明这个网页是由谁或是由哪个公司编写的，以及其它相关信息。在<address></address>标签之间的文字显示效果是斜体字。

实例：3-7html

<HTML>
<HEAD>
<TITLE>署名标签</TITLE>
</HEAD>
<BODY>
<CENTER>
乐游原
<HR WIDTH="50%" SIZE="5" COLOR="FFCC00" ALIGN=CENTER>
<PRE>
向晚意不适，
驱车登古原。
夕阳无限好，
只是近黄昏。
</PRE>
<HR WIDTH="50%" SIZE="5" COLOR="FFCC00" ALIGN=CENTER>
<ADDRESS>
[唐] 李商隐
</ADDRESS>
</BODY>
</HTML>

3-8特殊字符

在HTML文档中，有些字符没办法直接显示出来，例如?. 使用特殊字符可以将键盘上没有的字符表达出来，而有些HTML文档的特殊字符在键盘上虽然可以得到，但浏览器在解析HTML文当时会报错，例如"<"等，为防止代码混淆，必须用一些代码来表示它们。

HTML几种常见特殊字符及其代码表

特殊或专用字符

字符代码

特殊或专用字符

字符代码

空格

实例：3-8html

<HTML>
<HEAD>
<TITLE>特殊字符</TITLE>
</HEAD>
<BODY>
<CENTER>
<赋得古原草送别>
<HR WIDTH="49%" SIZE="5" ALIGN=CENTER NOSHADE>
<PRE>
离离原上草，
一岁一枯荣。
野火烧不尽，
春风吹又生。
</PRE>
<HR WIDTH="49%" SIZE="5" ALIGN=CENTER NOSHADE>
<ADDRESS>
白居易 ©
</ADDRESS>
</BODY>
</HTML>

3-9注释标签

在HTML文档中可以加入相关的注释标记，便于查找和记忆有关的文件内容和标识，这些注释内容并不会在浏览器中显示出来。

注释标签的格式有如下：

实例:3-9html

<HTML>
<HEAD>
<TITLE>注释标签</TITLE>
</HEAD>
<BODY>

<CENTER>
<赋得古原草送别>
<HR WIDTH="49%" SIZE="5" ALIGN=CENTER NOSHADE>
<PRE>
<! pre代表原样显示排版格式>
离离原上草，
一岁一枯荣。
野火烧不尽，
春风吹又生。
</PRE>
<HR WIDTH="49%" SIZE="5" ALIGN=CENTER NOSHADE>
<ADDRESS>
白居易 ©
</ADDRESS>
</BODY>
</HTML>

3-10字体属性

3-10-1标题文字标签<hn>

<hn>标签用于设置网页中的标题文字，被设置的文字将以黑体或粗体的方式显示在网页中。

标题标签的格式：<hn align=参数〉标题内容</hn>

说明：<hn>标签是成对出现的，<hn>标签共分为六级，在<h1>...</h1>之间的文字就是第一级标题，是最大最粗的标题；<h6>...</h6>之间的文字是最后一级，是最小最细的标题文字。align属性用于设置标题的对齐方式，其参数为 left（左）， enter（中)， right (右）。<hn>标签本身具有换行的作用，标题总是从新的一行开始。

实例 3-10-1html

<HTML>
<HEAD>
<TITLE>设定各级标题</TITLE>
</HEAD>
<BODY>
<H1 ALIGN="CENTER">一级标题。</H1>
<H2>二级标题。</H2>
<H3>三级标题。</H3>
<H4>四级标题。</H4>
<H5 ALIGN="RIGHT">五级标题。</H5>
<H6 ALIGN="LEFT">六级标题。</H6>
</BODY>
</HTML>

3-10-2文字格式控制标签<FONT>

<FONT>标签用于控制文字的字体，大小和颜色。控制方式是利用属性设置得以实现的。

FONT标签的属性

属性

使用功能

默认值

face

设置文字使用的字体

宋体

size

设置文字的大小

color

设置文字的颜色

黑色

格式：<font face=值1 size=值2 color=值3〉文字 </font>

第三章 文字版面的编辑_HTML教程(2)

第三章文字版面的编辑_HTML教程(2)