一、html 的主体标签<body>
在<body>和</body>中放置的是页面中所有的内容,如图片、文字、表格、表单、超链接等设置。<body>标签有自己的属性,设置 <body>标签内的属性,可控制整个页面的显示方式。
<body>标签的属性
属 性 | 描 述 |
---|---|
link | 设定页面默认的连接颜色 |
alink | 设定鼠标正在单击时的连接颜色 |
vlink | 设定访问后连接文字的颜色 |
background | 设定页面背景图像 |
bgcolor | 设定页面背景颜色 |
leftmargin | 设定页面的左边距 |
topmargin | 设定页面的上边距 |
bgproperties | 设定页面背景图像为固定,不随页面的滚动而滚动 |
text | 设定页面文字的颜色 |
格式:
<body text="#000000" link="#000000" alink="#000000" vlink="#000000"
background="gifnam.gif" bgcolor="#000000" leftmargin=3 topmargin=2
bgproperties="fixed">
二、 颜色的设定
颜色是由 "red" "green" "blue " 三原色组合而成的,在 HTML 中对颜色
的定义是用十六进位的,对於三原色 HTML 分别给予两个十六进位去定义,也
就是每个原色可有 256 种彩度,故此三原色可混合成 16777216 种颜色。
三、文字版面的编辑
3.1 换行标签<br>
换行标签是个单标签,也叫空标签,不包含任和内容,在 html 文件中的任何位置只要使用了<br>
标签,当文件显示在浏览器中时,该标签之后的内容将显示下一行。
3.2换段落标签<p>
及属性:
由<p>
标签所标识的文字,代表同一个段落的文字。不同段落间的间距等于连续加了两个换行符
格式:
<P>
<P ALIGN= 参数>
其中,ALIGN
是<p>
标签的属性,属性有三个参数 left,center,right
这三个参数设置段落文字的左,中,右位置的对齐方式.
3.3原样显示文字标签<pre>
要保留原始文字排版的格式,就可以通过<pre>
标签来实现,方法是把制作好的文字排版内容前后分别加上始标签<pre>
和尾标签</pre>
3.4居中对齐标签<center>
文本在页面中使用<center>
标签进行居中显示,<center>
是成对标签,在需要居中的内容部分开头处加<center>
,结尾处加</center>
3.5引文标签 (缩排标签)<blockquote>
<blockquote>
标签可以用来建立一个引文,他特别适合较长文本的引用,引文显示时将会自动右移,左边空出几个格,加以区别。
3.6水平分隔线标签<hr>
<hr>
标签是单独使用的标签,是水平线标签,用于段落与段落之间的分隔,使文档结构清晰明了,使文字的编排更整齐。通过设置<hr>
标签的属性值,可以控制水平分隔线的样式。
<hr>
标签的属性
属性 | 参数 | 功能 | 单位 | 默认值 |
---|---|---|---|---|
size | 设置水平分隔线的粗细 | pixel(像素) | 2 | |
width | 设置水平分隔线的宽度 | pixel(像素)、% | 100% | |
align | left center right | 设置水平分隔线的对齐方式 | center | |
color | 设置水平分隔线的颜色 | black | ||
noshade | 取消水平分隔线的 3d 阴影 |
3.7署名标签<address>
<address>
署名标签一般用于说明这个网页是由谁或是由哪个公司编写的,以及其它相关信息。在<address> </address>
标签之间的文字显示效果是斜体字。
3.8特殊字符
HTML 几种常见特殊字符及其代码表
特殊或专用字符 | 字符代码 | 特殊或专用字符 | 字符代码 |
---|---|---|---|
< | < |
© | © |
> | > |
× | × |
& | & |
® | ® |
" | " |
空格 | |
3.9注释标签
在 HTML 文档中可以加入相关的注释标记,便于查找和记忆有关的文件内容和标识,这些注释内容并不会在浏览器中显示出来。
格式:
<!--注释的内容-->
3.10字体属性
3.10.1标题文字标签<hn>
<hn>
标签用于设置网页中的标题文字,被设置的文字将以黑体或粗体的方式显示在网页中。
标题标签的格式:<hn align=参数〉标题内容</hn>
说明:<hn>
标签是成对出现的,<hn>
标签共分为六级,在<h1>...</h1>
之间的文字就是第一级标题,是最大最粗的标题;<h6>...</h6>
之间的文字是最后一级,是最小最细的标题文字。align
属性用于设置标题的对齐方式,其参数为 left(左),enter(中), right (右)。<hn>
标签本身具有换行的作用,标题总是从新的一行开始。
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.3 特定文字样式标签
在有关文字的显示中,常常会使用一些特殊的字形或字体来强调、突出、区别以达到提示的效果。在html 中用于这种功能的标签可以分为两类,物理类型和逻辑类型。
-
1、物理类型
(1) 粗体标签<b>
放在<b>
与</b>
标签之间的文字将以粗体方式显示。
(2) 斜体标签<i>
放在<i>
与</i>
标签之间的文字将以斜体方式显示。
(3) 下划线标签<u>
放在<u>
与</u>
标签之间的文字将以下划线方式显示。 -
2、逻辑类型
逻辑类型是使用一些标签来改变字体的形态和式样,以便产生一些浏览者习惯的或约定的显示效果,常用的逻辑类型标签有八种,放在标签之间的文字受其控制。下面请看常用逻辑标签的实例