1.4.3 网页内的文字格式
1. 标题字体的定义
<hn align="#">……</hn>
<!-- 定义第n号标题字体。
n取值范围是1~7,n值越大,字越小;
align属性是可选属性,用于定义文字的水平对齐方式,#可选center、left或right,分别表示居中、左对齐、右对齐,双引号可以省略,align属性为可选项。
下面许多标签中,都含有可选属性align项,格式、功能均与此相同。 -->
如:<h1>……</h1>
<h2>……</h2>等。
2. 文本文字的定义
<font face="fontname" size="n" color="#rrggbb" >……</font>
<!-- 定义文字的各种属性。
face属性定义文字的字体,fontname为能获得的字体名称,如西文的Arial、Times New Roman等字体,中文的宋体、黑体、楷体、仿宋体等字体;
size属性定义文字的大小,n为正整数,n值越大,字越大;
color属性定义文字的颜色,颜色属性值由红(red)、绿(green)、蓝(blue)三原色所占比例多少来确定,每种颜色用2位十六进制数来表示,合起来用rrggbb表示,其取值范围为000000~ffffff,可在数字前加一个“#”,如#0077ff,表示这是个十六进制数,在HTML规范中,也可以不写“#”,因为默认就是十六进制数;
align含义与前面所述相同。
face、size、color和align属性都是可选项,排列顺序任意。 -->
如:<font face="黑体">……</font>
<font face="宋体" size="4">……</font>等。
3. 加粗、倾斜与下划线的定义
<b>……</b> <!--加粗文字-->
<i>……</i> <!--文字倾斜-->
<u>……</u> <!--加下划线-->
使用加粗、倾斜与下划线标签(b、i、u),可对文本文字进一步修饰。
如:<b><font size=5>……</font></b>等。
含有这些标签的一个网页文件(1-2.htm)内容如下。
--------------------------清单1-2 1-2.htm--------------------------
<html>
<head>
<title>标题字体与文本文字的定义</title>
</head>
<body>
<h1>第1号标题字体</h1>
<h2>第2号标题字体</h2>
<h3>第3号标题字体</h3>
<h4 align="center">(居中)第4号标题字体,下面是文本文字:</h4>
<font size=1>宋体1号字</font>
<font size=2>宋体2号字</font>
<font face="黑体" size=3>黑体3号字</font>
<font face="楷体" size=4>楷体4号字</font> <br/>
<i><u><font face="宋体" size=5 color=#ff0000>红色仿宋体5号文字(倾斜、下划线)</font></u></i> <br/>
<font face="黑体" size=6 color=#00ff00>绿色宋体6号字</font> <br/>
<font face="仿宋体" size=7 color=#0000ff>蓝色宋体7号字</font> </body>
</html>
--------------------------------------------------------------------
上述<br/>代码是换行标签。双击1-2.htm网页文件,浏览效果如图1-5所示。
图1-5 标题字体和文本文字的定义
可见,标题字体的size值越大,字越小;文本文字的size值越大,字越大。
注意:HTML标签大多都有起始标签(如<font>)和结束标签(</font>),以成对的形式出现,成对的起始标签和结束标签可以嵌套使用,但不能相互交叉。
免责声明:以上内容源自网络,版权归原作者所有,如有侵犯您的原创版权请告知,我们将尽快删除相关内容。