网页的主体标记body包括要在浏览器显示处理的所有信息。在网页的主体标记中有很多的属性设置,包括网页的背景设置、文字属性设置和链接设置等。在<body>和</body>标签之间的内容是网页的主要内容,如<h1>、<p>、<a>、<img>等网页内容标签。本文主要介绍body中包含的网页内容标签<hx>、<font>、<p>、<hr>等。

标题字<hx>

HTML文档中包含有各种级别的标题,各种级别的标题由<h1>到<h6>元素来定义。其中,<h1>代表最高级别的标题,依次递减,<h6>级别最低。<h1>是一级标题,使用最大的字号表示,<h6>是6级标题,使用最小的字号表示。

<align=对齐方式>:使用align进行对齐方式的设置。align的取值有:

对齐方式的取值
属性值含义
left左对齐
center居中对齐
right右对齐

文本基本标记<font>

<font>标记用来控制字体、字号和颜色等属性。

<font face="字体样式">设置该段文本所采用的字体名称。如<font face="宋体">html文档</font>

<font size="文字字号">设置该段文本字体的大小。如<font size="7">html文档</font>

<font color="">设置文字的颜色。color值可以是一个已命名的颜色,也可以是一个十六进制的颜色值,如“blue”或者“#FF99FF”。

文本格式化标记

粗体标记<b>和<strong>

在<b>和</b>或者<strong>和</strong>之间的文字,在浏览器中均以粗体显示。该元素的首尾部分都是必须的,如果没有结尾标记,则浏览器认为从<b>或<strong>开始的所有文字都是粗体。

<font>
<b>粗体标记b</b><br>
html文档<br>
<strong>粗体标记strong</strong><br>
</front>

斜体标记<i>、<em>和<cite>

在<i>和</i>或<em>和</em>或<cite>和</cite>之间的文字,在浏览器中均以斜体显示。该元素的首尾部分都是必须的,如果没有结尾标记,则浏览器认为从<i>或<em>或<cite>开始的所有文字都是斜体。

<font>
<i>斜体标记i</i><br>
html文档<br>
<em>粗体标记em</em><br>
html文档<br>
<cite>斜体标记cite</cite>
</front>

文字的上下标

上标字体<sup>

语法为:<sup>上标内容</sup>

<sup>英文原名superscript,用于各种数学公式、日常计算应用、书籍文章注释等。<sup>是行内元素,可以成对出现在一段文字的任何地方,并且允许嵌套使用。因此如果在<sup>里再试用<sup>则会变成“上标的上标”。

下标文字<sub>

语法为:<sub>下标内容</sub>

<sub>英文原名subscript,用于各种数学公式、日常计算应用、书籍文章注释等。。<sub>是行内元素,可以成对出现在一段文字的任何地方,并且允许嵌套使用。因此如果在<sub>里再使用<sub>则会变成“上标的上标”。

<font>
x<sup>y</sup><br>
x<sup>y<sup>n</sup></sup><br>
a<sub>n</sub><br>
a<sub>n<sub>i</sub></sub>
</front>

大小字号标记

大字号标记<big>

语法为:<big>大字号内容</big>

big标记用来增大文本中字号的大小,它所包含的文字都会在原来的字号上增加一级,如果有多个<big>元素作用于同一个文本,则字号会被逐级增大。<big>作为一个行内元素,可以成对出现在一段文字中的任何位置。

小字号标记<small>

语法为:<small>小字号内容</small>

small标记用来缩小文本中字号的大小,它所包含的文字都会在原来的字号上缩小一级,如果有多个<small>元素作用于同一个文本,则字号会被逐级缩小。<small>作为一个行内元素,可以成对出现在一段文字中的任何位置。

<font>
html文档<br>
<big>html文档big</big><br>
html文档<br>
<small>html文档small</small>
</front>

下划线标记u

语法为:<u>下划线的内容</u>

语法与粗体和斜体的语法基本相同。

<font>
html文档<br>
<u>html文档u</u><br>
html文档<br>
</front>

<span>标签

<span>标签是没有语义的,它的作用就是为了设置单独的样式用的。如

<style>
span{
    color:blue;
}
</style>
<body>
    <p>1922年的春天,一个想要成名名叫尼克•卡拉威(托比•马奎尔Tobey Maguire 饰)的作家,离开了美国中西部,来到了纽约。那是一个道德感渐失,爵士乐流行,走私为王,股票飞涨的时代。为了追寻他的<span>美国梦</span>,他搬入纽约附近一海湾居住。</p>
    <p>菲茨杰拉德,二十世纪美国文学巨擘之一,兼具作家和编剧双重身份。他以诗人的敏感和戏剧家的想象为"爵士乐时代"吟唱华丽挽歌,其诗人和梦想家的气质亦为那个奢靡年代的不二注解。</p>
</body>

<q>标签

短文本引用标签,如果想要在网页文档中引用某一作家的一句诗,可以使用<q>标签。

语法为:<q>引用文本</q>

注意要引用的文本不用加双引号,浏览器会对q标签自动添加双引号。

<blockquote>标签

长文本引用标签,如果想要在网页文档中引用某段某一作家的文字,可以使用<blockquote>标签。

浏览器对<blockquote>标签的解析是缩进样式。

段落标记

<p>段落标记

语法为:<p>段落文字</p>

<p>用来起始一个段落,可以没有结束标记</p>,每一个新的段落标记开始的同时也意味着上一个段落标记的结束。

<p>第一个段落</p>
<p>第二个段落</p>

<br>换行标记

语法为:<br>

换行标记<br>的作用是在不另起一段的情况下将当前文本强制换行。

一个<br>代表一个换行,连续的多个标记可以实现多次换行。

第一行内容<br>第二行内容

<nobr>不换行标记

语法为:<nobr>不换行文字</nobr>

不换行标记<nobr>禁止自动换行,在标记之间的文字在显示的过程中不会自动换行。

水平线

插入水平线<hr>

语法为:<hr>

<hr>标记代表水平分隔模式,并会在浏览器中显示一条线。

水平线宽度width

语法为:<hr width="宽度">

width用于改变水平线的宽度,该值可以是确定的像素值,也可以是窗口的百分比。

水平线高度size

语法为:<hr size="高度">

size标记用于改变水平线的高度,该值只能是像素值。

水平线去掉阴影noshade

语法为:<hr noshade>

noshade属性用于定义浏览器是否显示水平线的阴影。

noshade是布尔值的操作,它没有属性值。如果在<hr>元素中写上了这个属性,那浏览器不会显示立体形状的水平线,反之则无需设置该属性。浏览器默认显示一条立体形状带有阴影的水平线。

水平线颜色color

语法为:<hr color="颜色">

color设置颜色,值可以是一个已命名的颜色,也可以是一个十六进制的颜色值,如“blue”或者“#FF99FF”。

水平线排列align

语法为:<hr align="对齐方式">

align设置对齐方式,该语法中对齐方式可以有3种,包括center、right、left,其中center的效果与默认的效果相同。

其他标记

插入空格:&nbsp;代表一个半角空格,多个空格则可以多次使用这一符号。

插入特殊符号:

特殊符号的表示
特殊符号符号的代码
&quot;
&&amp;
<&lt;
>&gt;
×&times;
§&sect;
©&copy;
®&reg;
&trade;

更多推荐

HTML学习-网页主体标记body(一)