html标题和段落标记,Chap 03 HTML文字与段落标记

3.1标题字

HTML文档中包含有各种级别的标题,各种级别的标题由

元素来定义。其中

代表最高级别的标题,依次递减,

最低。

3.1.1标题字标记h

元素中的字母h是英文headline的简称。作为标题,它们的重要性是有区别的,其中h1标题的重要性最高,h6最低。

语法:

1级标题

2级标题

3级标题

4级标题
5级标题
6级标题

补充:

对于不同的浏览器,其确切的点阵尺寸的大小也不相同,但

标题大约是标准文字高度的2到3倍,

标题则比标准字体略小。

3.1.2标题字对齐属性align

默认情况下,标题文字是左对齐的。而在网页制作过程中,常常需要选择其他的对齐方式。对齐方式的设置需要使用align参数设置。

语法:

说明:

在该语法中,align属性需要设置在标题标记之后。

3.2文本基本标记

标记用来控制字体、字号和颜色等属性,它HTML中最基本的标记之一,掌握好标记的使用时控制网页文本的基础。

3.2.1字体属性face

字体的face属性设置不同的字体,设置的字体效果必须在浏览器中安装响应的字体后才可以正确浏览,否则有些特殊字体会被浏览器中的普通字体所代替。因此,在网页中尽量减少使用过多的特殊字体,以免在用户浏览时无法看到正确的效果。

语法:

……

说明:

face属性用于定义该段文本所采用的字体名称。如果浏览器能够在当前系统中找到该字体,则使用该字体显示。

3.2.2字号属性size

文字的大小也是字体的重要属性之一。除了使用标题文字标记设置固定大小的字号之外,HTML语言还提供了标记的size属性来设置普通文字的字号。

语法:

……

说明:

size属性用来设置字体的大小,它有绝对和相对两种方式。从1到7的整数,代表字体大小的绝对字号。从 -4到+4的整数,字体相对于3号放大和缩小字号。

3.2.3颜色属性color

语法:

……

说明:

color属性用来定义文字的颜色,它可以和元素的其他属性一起配合定义字体的各种样式,各个属性之间没有先后次序。

3.3文本格式化标记

在HTML中,还有一些文本格式化标记用来设置文字以特殊的方式显示,如粗体标记、斜体标记和文字的上下标等。

3.3.1粗体标记b、strong

是HTML中格式化粗体文本的最基本元素。在之间的文字和在之间的文字,在浏览器中都会以粗体字体显示。该元素的首位部分都是必须的,若没有结尾标记,则浏览器会认为从开始的所有文字都是粗体。

语法:

加粗的文字

加粗的文字

说明:

在该语法中,粗体的效果可以通过标记来实现,还可以通过标记来实现。是行内元素,它可以插入到一段文本的任何部分。

3.3.2斜体标记i、em、cite

是HTML中格式化斜体文本的最基本元素。

语法:

斜体文字

斜体文字

斜体文字

3.3.3上标标记

上标字体的英文原名为superscript,在各种数学公式等方面有广泛应用。

语法:上标内容

说明:

元素也是行内元素,并且允许嵌套使用。因此如果在里再使用则会变成"上标的上标"。

3.3.4下标标记

下标字体的英文原名为suberscript,在各种数学公式等方面有广泛应用。

语法:下标内容

说明:

元素也是行内元素,并且允许嵌套使用。因此如果在里再使用则会变成"下标的下标"。

3.3.5大字号标记big

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

语法:

被增大字号的内容

3.3.6小字号标记small

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

语法:

被增大字号的内容

3.3.7下划线标记u

标记的使用和粗体以及斜体标记类似,它作用于需加下划线的文字。

语法:

被添加下划线的内容

3.4段落标记

在网页中如果要把文字有条理地显示出来,离不开段落标记的使用。在HTML中可以通过标记实现段落的效果。

3.4.1段落标记p

是HTML文档中最常见的标记,

用来起始一个段落。

语法:

段落文字

说明:

段落标记可以没有结束标记

,而每一个新的段落标记开始的同时也意味着上一个段落的结束。

3.4.2换行标记br

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

语法:

文本内容……
被换行的文本内容……

说明:

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

3.4.3不换行标记nobr

在网页中如果某一行的文本过长,浏览器会自动对这段文字进行换行处理。可以使用nobr标记来禁止自动换行。

语法:

标记中间的文本不被自动换行

3.5水平线

在网页中常常可以看到一些水平线将段落与段落之间隔开,这些水平线可以通过插如图片来实现,也可以更简单地通过标记来完成。

3.5.1插入水平线hr


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

语法:


说明:

在网页中输入一个


标记,就添加了一条默认样式的水平线。

3.5.2水平线宽度width

width用于改变水平线的宽度。

语法:


说明:

在该语法中,水平线的宽度值可以是确定的像素值,也可以是窗口的百分比。

3.5.3水平线高度size

size标记用于改变水平线的高度。

语法:


说明:

在该语法中,水平线的高度值只能是像素值。

3.5.4水平线去掉阴影noshade

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

语法:


说明:

noshade是布尔值的属性,它没有属性值,如果在


元素中写上了这个属性,则浏览器不会显示立体形状水平线,反之如果不设置该属性,浏览器默认显示一条立体形状带有阴影的水平线。

3.5.5水平线颜色color

语法:


说明:

颜色代码是十六进制的数值。

3.5.6水平线排列align

水平线在默认情况下是居中对齐的,如果想让水平线左对齐或者右对齐,就需要设置对齐方式。

语法:


说明:

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

3.6其他标记

3.6.1插入空格

nbsp

语法:

&nbsp

说明:

在网页中可以有多个空格,一个 代表一个半角空格,多个空格则可以多次使用这一符号。

3.6.2插入特殊符号

除了空格以外,在网页的创作过程中,还有一些特殊的符号也需要使用代码进行代替。一般情况下,特殊符号的代码由前缀"&"、字符名称和后缀";"组成。 使用方式与空格符号类似。

"

&

<

>等等

原创内容,转载请注明出处。谢谢!

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值