……"/>
首页 百科知识 1.4.3网页内的文字格式

1.4.3网页内的文字格式

时间:2023-10-15 百科知识 版权反馈
【摘要】:align属性是可选属性,用于定义文字的水平对齐方式,#可选center、left或right,分别表示居中、左对齐、右对齐,双引号可以省略,align属性为可选项。……

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所示。

img5

图1-5 标题字体和文本文字的定义

可见,标题字体的size值越大,字越小;文本文字的size值越大,字越大。

注意:HTML标签大多都有起始标签(如<font>)和结束标签(</font>),以成对的形式出现,成对的起始标签和结束标签可以嵌套使用,但不能相互交叉。

免责声明:以上内容源自网络,版权归原作者所有,如有侵犯您的原创版权请告知,我们将尽快删除相关内容。

我要反馈