3.1 标题字
HTML文档中包含有各种级别的标题,各种级别的标题由<h1>到<h6>元素来定义。其中<h1>代表最高级别的标题,依次递减,<h6>最低。
3.1.1 标题字标记h
<h1>到<h6>元素中的字母h是英文headline的简称。作为标题,它们的重要性是有区别的,其中h1标题的重要性最高,h6最低。
语法:
<h1>1级标题</h1>
<h2>2级标题</h2>
<h3>3级标题</h3>
<h4>4级标题</h4>
<h5>5级标题</h5>
<h6>6级标题</h6>
补充:
对于不同的浏览器,其确切的点阵尺寸的大小也不相同,但<h1>标题大约是标准文字高度的2到3倍,<h6>标题则比标准字体略小。
3.1.2 标题字对齐属性align
默认情况下,标题文字是左对齐的。而在网页制作过程中,常常需要选择其他的对齐方式。对齐方式的设置需要使用align参数设置。
语法:
<align=对齐方式>
说明:
在该语法中,align属性需要设置在标题标记之后。
3.2 文本基本标记
<font>标记用来控制字体、字号和颜色等属性,它HTML中最基本的标记之一,掌握好<font>标记的使用时控制网页文本的基础。
3.2.1 字体属性face
字体的face属性设置不同的字体,设置的字体效果必须在浏览器中安装响应的字体后才可以正确浏览,否则有些特殊字体会被浏览器中的普通字体所代替。因此,在网页中尽量减少使用过多的特殊字体,以免在用户浏览时无法看到正确的效果。
语法:
<font face="字体样式">……</font>
说明:
face属性用于定义该段文本所采用的字体名称。如果浏览器能够在当前系统中找到该字体,则使用该字体显示。
3.2.2 字号属性size
文字的大小也是字体的重要属性之一。除了使用标题文字标记设置固定大小的字号之外,HTML语言还提供了<font>标记的size属性来设置普通文字的字号。
语法:
<font size="文字字号">……</font>
说明:
size属性用来设置字体的大小,它有绝对和相对两种方式。从1到7的整数,代表字体大小的绝对字号。从 -4到+4的整数,字体相对于3号放大和缩小字号。
3.2.3 颜色属性color
语法:
<font color="字体颜色">……</font>
说明:
color属性用来定义文字的颜色,它可以和</font>元素的其他属性一起配合定义字体的各种样式,各个属性之间没有先后次序。
3.3 文本格式化标记
在HTML中,还有一些文本格式化标记用来设置文字以特殊的方式显示,如粗体标记、斜体标记和文字的上下标等。
3.3.1 粗体标记b、strong
<b>和<strong>是HTML中格式化粗体文本的最基本元素。在<b>和</b>之间的文字和在<strong>和</strong>之间的文字,在浏览器中都会以粗体字体显示。该元素的首位部分都是必须的,若没有结尾标记,则浏览器会认为从<b>开始的所有文字都是粗体。
语法:
<b>加粗的文字</b>
<strong>加粗的文字</strong>
说明:
在该语法中,粗体的效果可以通过<b>标记来实现,还可以通过<strong>标记来实现。<b>和<strong>是行内元素,它可以插入到一段文本的任何部分。
3.3.2 斜体标记i、em、cite
<i>、<em>和<cite>是HTML中格式化斜体文本的最基本元素。
语法:
<i>斜体文字</i>
<em>斜体文字</em>
<cite>斜体文字</cite>
3.3.3 上标标记
上标字体<sup>的英文原名为superscript,在各种数学公式等方面有广泛应用。
语法:
<sup>上标内容</sup>
说明:
<sup>元素也是行内元素,并且允许嵌套使用。因此如果在<sup>里再使用<sup>则会变成"上标的上标"。
3.3.4 下标标记
下标字体<sub>的英文原名为suberscript,在各种数学公式等方面有广泛应用。
语法:
<sub>下标内容</sub>
说明:
<sub>元素也是行内元素,并且允许嵌套使用。因此如果在<sub>里再使用<sub>则会变成"下标的下标"。
3.3.5 大字号标记big
Big标记用来增大文本中字号的大小,它所包含的文字都会在原来的字号上增大一级。如果有多个<big>元素作用于同一个文本,则字号会被逐级增大。<big>作为一个行内元素,它可以成对出现在一段文字中的任何位置。
语法:
<big>被增大字号的内容 </big>
3.3.6 小字号标记small
small标记用来缩小文本中字号的大小,它所包含的文字都会在原来的字号上缩小一级。如果有多个<small>元素作用于同一个文本,则字号会被逐级缩小。<small>作为一个行内元素,它可以成对出现在一段文字中的任何位置。
语法:
<small>被增大字号的内容 </small>
3.3.7 下划线标记u
<u>标记的使用和粗体以及斜体标记类似,它作用于需加下划线的文字。
语法:
<u>被添加下划线的内容</u>
3.4 段落标记
在网页中如果要把文字有条理地显示出来,离不开段落标记的使用。在HTML中可以通过标记实现段落的效果。
3.4.1 段落标记p
<p>是HTML文档中最常见的标记,<p>用来起始一个段落。
语法:
<p>段落文字</p>
说明:
段落标记可以没有结束标记</p>,而每一个新的段落标记开始的同时也意味着上一个段落的结束。
3.4.2 换行标记br
换行标记<br>的作用是在不另起一段的情况下将当前文本强制换行。
语法:
文本内容……<br>被换行的文本内容……
说明:
一个<br>标记代表一个换行,连续的多个标记可以实现多次换行。
3.4.3 不换行标记nobr
在网页中如果某一行的文本过长,浏览器会自动对这段文字进行换行处理。可以使用nobr标记来禁止自动换行。
语法:
<nobr> 标记中间的文本不被自动换行</nobr>
3.5 水平线
在网页中常常可以看到一些水平线将段落与段落之间隔开,这些水平线可以通过插如图片来实现,也可以更简单地通过标记来完成。
3.5.1 插入水平线hr
<hr>标记代表水平分隔模式,并会在浏览器中显示一条线。
语法:
<hr>
说明:
在网页中输入一个<hr>标记,就添加了一条默认样式的水平线。
3.5.2 水平线宽度width
width用于改变水平线的宽度。
语法:
<hr width="宽度值">
说明:
在该语法中,水平线的宽度值可以是确定的像素值,也可以是窗口的百分比。
3.5.3 水平线高度size
size标记用于改变水平线的高度。
语法:
<hr size="高度值">
说明:
在该语法中,水平线的高度值只能是像素值。
3.5.4 水平线去掉阴影noshade
noshade属性用于定义浏览器是否显示水平线的阴影。
语法:
<hr noshade>
说明:
noshade是布尔值的属性,它没有属性值,如果在<hr>元素中写上了这个属性,则浏览器不会显示立体形状水平线,反之如果不设置该属性,浏览器默认显示一条立体形状带有阴影的水平线。
3.5.5 水平线颜色color
语法:
<hr color="颜色值">
说明:
颜色代码是十六进制的数值。
3.5.6 水平线排列align
水平线在默认情况下是居中对齐的,如果想让水平线左对齐或者右对齐,就需要设置对齐方式。
语法:
<hr align="对齐方式">
说明:
在该语法中对齐方式有3种,包括center、left和right,其中center的效果与默认的效果相同。
3.6 其他标记
3.6.1 插入空格
nbsp
语法:
 
说明:
在网页中可以有多个空格,一个 ;代表一个半角空格,多个空格则可以多次使用这一符号。
3.6.2 插入特殊符号
除了空格以外,在网页的创作过程中,还有一些特殊的符号也需要使用代码进行代替。一般情况下,特殊符号的代码由前缀"&"、字符名称和后缀";"组成。 使用方式与空格符号类似。
"
&
<
> 等等
原创内容,转载请注明出处。谢谢!