当前位置:甜馍馍地理信息网 >> 网站开发 >> 综合知识 >> 正文 >>  [阅读资讯:HTML讲堂第三课 HTML文字版面的编辑]

HTML讲堂第三课 HTML文字版面的编辑

[ 来源:互联网 | 时间:2009年09月06日 | 收藏本文 ] 【

众所周知,我们的网页最终是要呈现给网友的,那么就涉及到了排版布局等问题.浏览器提供给所有网页的面积都一样,那么如何高效美观地利用这片空间,就成了网页设计里面抓取用户眼球的关键之所在了。本次讲堂将据悉详细讲述HTML版面设计.

首先来看换行

3-1 换行标签<br>
 
换行标签是个单标签,也叫空标签,不包含任和内容,在html文件中的任何位置只要使用了<br>标签,当文件显示在浏览器中时,该标签之后的内容将显示下一行。

请看下面的例子:3-1html


3-2 换段落标签<p>及属性:

由<p>标签所标识的文字,代表同一个段落的文字。不同段落间的间距等于连续加了两个换行符,也就是要隔一行空白行,用以区别文字的不同段落。它可以单独使用,也可以成对使用。单独使用时,下一个<P>的开始就意味着上一个<P>的结束。良好的习惯是成对使用。

格式:

<P>
<P ALIGN= 参数>

其中,ALIGN是<p>标签的属性,属性有三个参数left,center,right.这三个参数设置段落文字的左,中,右位置的对齐方式.

实例:3-2html


3-3 原样显示文字标签<pre>

要保留原始文字排版的格式,就可以通过<pre>标签来实现,方法是把制作好的文字排版内容前后分别加上始标签<pre>和尾标签</pre>.

实例:3-3html


3-4 居中对齐标签<center>

文本在页面中使用<center>标签进行居中显示,<center>是成对标签,在需要居中的内容部分开头处加<center>,结尾处加</center>

实例:3-4html


3-5 引文标签 (缩排标签)<blockquote>

<blockquote>标签可以用来建立一个引文,他特别适合较长文本的引用,引文显示时将会自动右移,左边空出几个格,加以区别。

实例:3-5html


3-6水平分隔线标签<hr>

<hr>标签是单独使用的标签,是水平线标签,用于段落与段落之间的分隔,使文档结构清晰明了,使文字的编排更整齐。通过设置<hr>标签的属性值,可以控制水平分隔线的样式。

<hr>标签的属性

属性

参数

功能

单位

默认值

size

 

设置水平分隔线的粗细

pixel(像素)

2

width

 

设置水平分隔线的宽度

pixel(像素)、%

100%

align

left enter right

设置水平分隔线的对齐方式

 

center

color

 

设置水平分隔线的颜色

 

black

noshade

 

取消水平分隔线的3d阴影

 

 

实例:3-6html


3-7署名标签<address>

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

实例:3-7html


3-8特殊字符

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

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

特殊或专用字符

字符代码

特殊或专用字符

字符代码
< < © ©
> > × ×
& & ® ®
" " 空格  

实例:3-8html


3-9注释标签

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

注释标签的格式有如下:

<!--注释的内容-->

实例:3-9html


3-10字体属性

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

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

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

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

实例 3-10-1html


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

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

FONT标签的属性

属性

使用功能

默认值

face

设置文字使用的字体

宋体

size

设置文字的大小

3

color

设置文字的颜色

黑色

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

说明:如果用户的系统中没有face属性所指的字体,则将使用默认字体。size属性的取值为1~7。也可以用"+"或"-"来设定字号的相对值。color属性的值为:rgb颜色"#nnnnnn"或颜色的名称

实例:3-10-2html


3-10-3特定文字样式标签

在有关文字的显示中,常常会使用一些特殊的字形或字体来强调、突出、区别以达到提示的效果。在html中用于这种功能的标签可以分为两类,物理类型和逻辑类型。

1、物理类型

(1)  粗体标签<b>

                   放在<b>与</b>标签之间的文字将以粗体方式显示。

(2)  斜体标签<i>

                   放在<i>与</i>标签之间的文字将以斜体方式显示。

(3)  下划线标签<u>

                   放在<u>与</u>标签之间的文字将以下划线方式显示。

实例3-10-31html


2、逻辑类型

逻辑类型是使用一些标签来改变字体的形态和式样,以便产生一些浏览者习惯的或约定的显示效果,常用的逻辑类型标签有八种,放在标签之间的文字受其控制。下面请看常用逻辑标签的实例

实例3-10-32htrml


【推荐本文】 【打印本页】 【返回顶部
最新文章
推荐文章