html⾸字母样式,HTML⽹页主体标记
HTML⽹页主体标记
本章⽬标：
Ø掌握〈BODY〉元素
Ø掌握⽂字与段落的
Ø掌握超链接
Ø掌握图⽚标记
Ø掌握表格标记
简 介
⽹页的主体部分位于
和这两个标记之间。作为⼀个标记，有许多相关的属性。本章将介绍⽹页中主要的标记以及其属性的含义，通过这些标记，我们可以控制⽹页内容的显⽰。。 1、
HTML的主体标记是
，在和中放置的是⽹页中的所有内容，如⽂字、图⽚、链接、表格、表单等。
在HTML中标签可以拥有属性。属性能够为页⾯上的HTML元素提供附加信息。标签
定义了html页⾯的主体元素。使⽤⼀个附加的bgcolor属性，可以告诉浏览器：页⾯的背景⾊是红⾊的，就像这样：.
表2-1 body标记属性
属性
描述
text
设定页⾯⽂字的颜⾊
bgcolor
设定页⾯背景的颜⾊
background
设定页⾯的背景图像
bgproperties
设定页⾯的背景图像为固定，不随页⾯的滚动⽽滚动
link
设定页⾯默认的链接颜⾊
alink
设定⿏标正在单击时的链接颜⾊
vlinkmatlab编程需要哪些基础
设定访问过后的链接颜⾊
topmargin
设定页⾯的上边距html个人网页制作代码范列
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
webservice是通信协议吗上述代码浏览效果如图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格式化⽂本
、
⽂本经常需要加粗、斜体、缩进等，这些都是⽂本的格式化。HTML提供了⼀些标签实现⽂本的格式化。这些标签包括、
、
等，下⾯分别介绍这些标签。
⾸先我们看⼀个实例，该实例通过标记设置了⽂本的格式。实例代码如下。
中华⼈民共和国万岁(b标记)
paperwork中华⼈民共和国万岁(strong标记)
中华⼈民共和国万岁(big标记)
中华⼈民共和国万岁(em标记)
中华⼈民共和国万岁(i标记)
中华⼈民共和国万岁(small标记)
中华⼈民共和国万岁(sub标记)
中华⼈民共和国万岁(sup标记)
实例显⽰效果如图2-4所⽰。
图2-4 页⾯显⽰效果
上例中使⽤的标签的含义如表2-2所⽰。
表2-2 标记含义
标记
标记含义
指定⽂本应以粗体渲染
以粗体渲染⽂本
指定所含⽂本要以⽐当前字体稍⼤的字体显⽰
强调⽂本，通常以斜体显⽰
指定⽂本应以斜体显⽰
指定内含⽂本要以⽐当前字体稍⼩的字体显⽰
说明内含⽂本要以下标的形式显⽰，⽐当前字体稍⼩
说明内含⽂本要以上标的形式显⽰，⽐当前字体稍⼩
除了表2-2所⽰的标记可以⽤于设置⽂本的格式外，还有其他的标记同样可以实现⼀些特殊的功能，下⾯我们介绍这些标记。
标记
标记⽤于控制换⾏和空格，使得浏览器以固定宽度字体显⽰⽂本。下⾯实例演⽰了
标记的⽤法。
下⾯的⽂本使⽤了pre标记
for i = 1 to 10
print i
next i
下⾯的⽂本之前没有使⽤pre标记
for i = 1 to 10
print i
next i
页⾯显⽰效果如图2-5所⽰。
图2-5 页⾯显⽰效果
从图2-5可以看出
标记能够控制⽂本的换⾏和空格。
标记也称为预格式化⽂本标记。
显⽰程序代码标记
经常需要在浏览器中显⽰计算机程序代码，html同样定义了显⽰程序代码的标记，使⽤这些标记使得程序代码能够以特殊格式显⽰。表2-3列出了这些标记以及其含义。
表2-3 显⽰程序代码标记
标记
标记含义
表⽰代码
以定宽字体显⽰⽂本
以固定宽度字体显⽰⽂本
表⽰代码范例
皮皮虾导航网址定义程序变量，通常以斜体显⽰
下⾯的实例演⽰了上述标记的⽤法，实例的显⽰效果如图2-6所⽰。
程序代码范例
Keyboard input 键盘输⼊
山东java培训机构Teletype text打印机字体

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。