HTML文档的常用标记

一.HTML文档中常用的标记有文字标记、段落标记、列表标记、超链接标记、图像标记、表格标记、框架标记和多媒体标记,下面对这些常用标记进行介绍:

1.文字标记:文字是网页重要的组成部分之一,通过使用标题标记、文字格式标记和文字样式标记来改变枯燥乏味的文字,可以使浏览者更有效的浏览网页。下面对标题标记、文字格式标记和文字样式标记进行介绍:

1.1.标题标记<hn>…</hn>:

(1).在浏览网页时常常看到一些标题文字,用来划分各个章节,,在HTML文档中可以使用标题标记来指明页面上的标题。标题标记包含6种标记,分别表示6个级别的标题,每一级别的字体大小都有明显的区分,从1~6以递减的形式表示,1级标题的字号为最大,6级标题的字号为最小。语法格式如下:

<h1>标题1</h1><h2>标题2</h2>……

(2).接下来附上一个标题标记的例子,使用标题标记来显示不同级别的标题,代码如下:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" ""><html xmlns=""><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>标题标记示例</title></head><body><h1>学习JavaScript</h1><h2>学习JavaScript</h2><h3>学习JavaScript</h3><h4>学习JavaScript</h4><h5>学习JavaScript</h5><h6>学习JavaScript</h6></body></html>

运行效果就不附上来了,自己实践看效果。

(3).默认情况下,所有浏览器对标题都采用左对齐方式,但可以使用对齐属性align,使标题右对齐或者居中,把上述主体部分的代码改为如下代码:

<body><h1 align="center">学习JavaScript</h1><h2 align="left">学习JavaScript</h2><h3 align="right">学习JavaScript</h3></body>

观察效果,居中对齐设置align属性值为center,右对齐设置align属性值为right。

1.2.文字格式标记<font>…</font>:

(1).在网页中普通文字信息是必不可少的,为了使页面效果变得更加美观,可以使用文字格式标记改变枯燥的文字信息。文字格式标记用于设置文字大小、字体效果和文字颜色,其常用属性如下所示:

—size属性:此属性用来设置文字的字号,文字的字号可以设置为1~7,也可以设置为+1~+7或者是-1~-7,默认文字大小为3号。

—face属性:此属性用来设置文本的字体效果,可以设置一个或多个字体名称,使用多个字体的情况下,默认使用第一个字体,如果第一种字体不存在,则使用第二种字体,以此类推,如果设置的多个字体都不存在将使用默认字体,中文默认为宋体,英文默认为Times New Roman。

—color属性:此属性用来设置文字的颜色,其值可以设置为颜色的名称,即红色可设置为red,也可以设置为十六进制的颜色代码,即#FFFFCC,默认值为黑色。

(2).这里附上一个例子,代码如下:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" ""><html xmlns=""><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>无标题文档</title></head><body><font size="+4" face="MS Serif, New York, serif" color="blue">I love you</font><br><font size="-1" face="华文琥珀" color="#FFCCFF">爱HTML</font></body></html>

自己实践,观察效果。

1.3.文字样式标记:

(1).在浏览页面时,常常可以看到页面中会出现一些特殊样式的文字,例如粗体字、斜体字、带删除线的文字等。这些样式可以使用HTML文档提供一些文字样式标记来实现。常用的文字样式标记及说明如下:

— <b>…</b>样式标记、<strong>…</strong>样式标记:设置文字为粗体字样式。

—<i>…</i>样式标记、<em>…</em>样式标记:设置文字为斜体字样式。

— <u>…</u>样式标记:设置为带下划线的文字。

— <sup>…</sup>样式标记:设置文字为上标样式。

— <sub>…</sub>样式标记:设置文字为下标样式。

— <s>…</s>样式标记、<strike>…</strike>样式标记:将文字添加删除线。

(2).接下来附上一个例子,代码如下:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" ""><html xmlns=""><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>文字样式标记应用</title></head><body><b>粗体字样式</b><strong>粗体字样式</strong><p><i>斜体样式</i><em>斜体样式</em><p><u>下划线样式</u>x<sup>2</sup>log<sub>10</sub>100<p><s>删除线样式</s><strike>删除线样式</strike></body></html>

运行后,效果如下:

2.段落标记:为了使网页中的文字更有条理地显示出来,可以使用HTML文档中的段落标记和换行标记来使文字段落更加分明规范。下面对段落标记和换行标记进行介绍:

2.1.段落标记<p>:

(1).在普通的文本编辑器中,每输入完一段文字后,可以使用回车键生成一个新的段落,在HTML文档中可以使用段落标记<p>来实现。段落标记可以没有结束标记</p>。

(2).也可以采用除<p>以外的其他段落标记,以达到不同级别格式的效果,其他段落标记如下:

—<addess>段落标记:用于地址和联系信息,通常显示为斜体字。

—<blockquote>段落标记:用于表示引用文本,通常两边缩排,行间距比普通段落较小。

— <pre>段落标记:用于排版程序代码之类的信息,通常用定宽字体,字间和行间有足够的间隔。

在以上段落中也可以使用对其属性align。

最美不过偷瞄你是你忽然转头,看见你的微笑

HTML文档的常用标记

相关文章:

你感兴趣的文章:

标签云: