网页的主体标记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的效果与默认的效果相同。
其他标记
插入空格: ;代表一个半角空格,多个空格则可以多次使用这一符号。
插入特殊符号:
特殊符号 | 符号的代码 |
“ | " |
& | & |
< | < |
> | > |
× | × |
§ | § |
© | © |
® | ® |
™ | ™ |
更多推荐
HTML学习-网页主体标记body(一)
发布评论