HTML网页主体标记
本章目标:
Ø掌握〈BODY〉元素
Ø掌握文字与段落的
Ø掌握超链接
Ø掌握图片标记
Ø掌握表格标记
简 介
网页的主体部分位于
和这两个标记之间。作为一个标记,有许多相关的属性。本章将介绍网页中主要的标记以及其属性的含义,通过这些标记,我们可以控制网页内容的显示。。 1、HTML的主体标记是
,在和中放置的是网页中的所有内容,如文字、图片、链接、表格、表单等。在HTML中标签可以拥有属性。属性能够为页面上的HTML元素提供附加信息。标签
定义了html页面的主体元素。使用一个附加的bgcolor属性,可以告诉浏览器:页面的背景色是红色的,就像这样:.表2-1 body标记属性
属性
描述
text
设定页面文字的颜色
bgcolor
设定页面背景的颜色
background
设定页面的背景图像
bgproperties
设定页面的背景图像为固定,不随页面的滚动而滚动
link
设定页面默认的链接颜色
alink
设定鼠标正在单击时的链接颜色
vlink
设定访问过后的链接颜色
topmargin
设定页面的上边距
leftmargin
设定页面的左边距
1.1文字颜色属性text
基本语法
1.2页面背景颜色bgcolor
中国北京
body元素的其他属性我们就不一一介绍了。
注意:
属性值应该被包含在引号中。双引号是最常用的,但是单引号也可以使用。
在很少情况下,比如说属性值本身包含引号,使用单引号就很必要了。
比如:name='John "ShotGun" Nelson'。
注意:中文引号跟英文引号是不一样的。上面所指的引号都是英文状态下的引号。
2文本标记
在页面中显示文字内容是HTML语言所能做到的最简单的事情。
水是生命之源,我们要爱惜它。
在上述HTML文件中“水是生命之源,我们要爱惜它。”就是输入的普通文字。
显示结果如图2-1所示,页面显示了文字“水是生命之源,我们要爱惜它。”。
图2-1 页面中的文字
文字中一般会包括标题、段落、换行等格式。在HTML中,同样提供了定义标题元素的标签,段落标签和换行标签。下面重点介绍这些标签。
2.1段落标记
首先我们看一个段落的例子。
这是段落1
这是段落2
这是段落3
这是段落4
上述代码浏览效果如图2-2所示。
图2-2 页面浏览效果
段落是用
标签定义的。例如:“
这是一个段落
” 。HTML自动在一个段落前后各添加一个空行。当需要结束一行,并且不想开始新段落时,使用
标签。
标签不管放在什么位置,都能够强制换行。例如:
This
is a para
graph with line breaks
标签是一个空标签,它没有结束标记。
注释标签用来在HTML源文件中插入注释。注释会被浏览器忽略。可以使用注释来解释我们的代码。例如:
注意:我们需要在左括号“
技巧
当我们写下HTML文本的时候,我们不能确知在另外一个浏览器中,这些文本将被如何显示。有人用着大的显示器,有的人用的小一些。每次用户调整窗口大小的时候,文本都将被重新格式化。建议不要在编辑器中写一些空行和空格来协助排版。
HTML将截掉你文本中的多余空格。不管多少个空格,处理起来只当一个。在HTML里面,一个空行也只被当作一个空格来处理。使用空段落
来插入空白行是一个坏习惯,请使用
标签来替代。
2.2标题标记
通常一段文本都会有标题,而标题在显示的时候总是区别于正文文本。在HTML中,我们也可
以使用一些标记来表示标题元素。
标题元素由标签
到
定义。
定义了最大的标题元素,
定义了最小的。例如下面的代码显示六级标题。
Ø
这是一级标题
Ø
这是二级标题
Ø
这是三级标题
Ø
这是四级标题
Ø
这是五级标题
Ø
这是六级标题
HTML自动在一个标题元素前后各添加一个空行。
下面的代码是标题标签和段落标签的综合应用。代码如下。页面浏览效果如图2-3所示。
我爱世界杯
这个火热的六月绝对属于世界杯(World Cup)。从6月9日到7月9日,全球有近20亿人通过各种方式关注这个体育盛会。
世界杯的魅力是无与伦比的。它的影响力远不仅限于体育和经济,还是每一个参赛队伍民族性格和民族文化的延伸:巴西的热情奔放,阿根廷的浪漫和性感。德意志的严谨和耐力,英格兰的绅士与优雅…..
每一个人都有属于自己的世界杯。2006,你找到了属于你的世界杯吗?
图2-3页面浏览效果
2.3格式化文本
文本经常需要加粗、斜体、缩进等,这些都是文本的格式化