HTML基础知识

HTML是专门在Internet上进行传输，可以让设计者建立并能让所有Web的使用者读出的页面。HTML是一种标识语言，用来创建与系统平台无关的文档。也就是说，HTML不是编程语言而是一种描述性标识语言。

HTML是把一些信息根据需要链接起来的信息管理技术。人们可以通过超文本中的链接打开另外一个相关的文件，用鼠标点击文本中的高亮度或带下划线的文字，即可打开与之相链接的文本，获得所需的信息

超文本中信息网络的每个节点都包含一个特定的主题信息，节点的大小视主题而定。按照节点的功能可以分为表现型节点、组织型节点和推理型节点三类。

（1）表现型节点是一般性超文本节点，主要包括：由文本段组成的文本节点：图形图像节点；由声音或合成语音构成的声音节点：用于执行一个过程的按钮节点。

（2）组织科节点是组织节点的节点，主要包括：目录节点，它以条目形式给出信息的索引指针，指向索引节点：索引节点，由索引项组成，索引项用指针指向目标节点或相关索引项。

（3）推理型节点只有在智能超文本中才有，主要包括对象节点和规则节点。超文本中的“超”体现在它不仅能包含文本，而且还可以包含图像、音频和视频等多媒体信息，即将文本的概念扩展到超文本。因此超文本也称为超媒体（Hypermedia）。

超文本的链接

链接是超文本的灵魂，它定义了超文本的结构。超文本的链接主要包括以下三类：

（1）基本链接：用于建立节点之间的基本顺序，类似文章的章、节这样的层次结构。

（2）索引链接：可以从一个索引点引到该节点的索引入口。

（3）执行链接：将一种执行活动与按钮节点相连，使超文本成为高层程序的界面。

在浏览器的显示中，链接表现为带下划线的彩色字符或图案。如果链接被访问，颜色会改变，以便提示用户。链接的颜色可以通过HTML参数来改变。

HTML的标签

HTML定义了三种标签用于描述页面的整体结构，以及浏览器和HTML工具对页面的确认；另外还有一种标签即页面结构标签不影响页面的显示效果，帮助工具对文件进行解释和过滤。这些标签是可选的，如果页面不包含标签，浏览器通常也能够读取页面。下面介绍HTML的四个最重要的标签。

（1） <HTML></HTML>：<HTML>标签放在HTML文件的最开始处，用以告诉浏览器这个文件为HTML文件，而在文件的最后，当然足</HTML>的结束标签了，虽然这个标签可以省略不用，但希望读者还是要养好使用该标签的习惯。

（2） <HEAD></HEAD>：<HEAD>标签一般放在<HTML>标签的后面，用来标明文件题目或定义。

（3）<TITLE></TITLE>：<TITLE>标签用来设定文件的标题，一般用来注释这个文件的内容，浏览器通常会将文件标题显示在浏览器窗口的左上角。

（4）<BODY></BODY>：<BODY>标签一般用来指明HTML文档里的主要文字，例如标题、段落和列表等，也可以用来定义主页背景颜色。

下面请看一个最基本的HTML文件具有怎样的结构。

<HTML>

<HEAD><TITLE>这是测试文件</TITLE></HEAD>

<BODY>

HTML文件的内容就写在这里……

</BODY>

</HTML>

显示效果如图

图片.png

HEAD中的标识

HEAD出现在HTML文档的起始处，用来标明当前文档的有关信息（如文档标题），检索引擎可用的关键词以及不属于文档内容的其他数据。HEAD元素的起始和结束标识都是可选的。在HEAD的起始标识和结束标识之间最重要的两个元素是TITLE和META。

TITLE元素

TITLE元素通常不被视为文本的—部分，其内容能够被显示，但会显示为文档标题或窗口标题。每个HTML只能有一个标题，也就是说，每个HTML文档的HEAD部分只能有—个TITLE元素。TITLE元素的起始标识和结束标识都是必需的

META元素

META元素被用来描述HTML文档的元信息（Meta Information），即关于文档的自身信息。这些信息可以被Web检索引擎、Web服务器或其他程序利用。 META元素是HTML 3.0以后版本中定义的元素。META元素需要标识，但不能有结束标识。META元素定义元信息时，可以用NAME属性指出信息的类型，用Content属性指出它的定义。例如：

使用上述语句可以产生关于文档作者和关键词的元信息

<META>还可以用来产生特殊的HTTP头标，送给Web服务器，用来激活客户端的特殊功能。可以使用HTTP—EQUIV属性指明头标名，用Content属性指明其内容。例如：

上面的语句将产生如下的HTTP头标：

empires:Mon,10 Sep 2000 09:42:05 GMT

LINK元素

LINK元素在当前的HTML文档与另一个对象之间建立一种链接关系，以指明与当前文档的有关属性、词汇表、版本、相关资源、文档作者和其他信息。LINK元素支持与其元素相同的属性。

文本标识

1.标题元素

正如传统的书本一样，HTML中也规定了标题格式。HTMI中的标题元素使用格式为：

<h#>…</h#>

它一共支持六级标题，其元素内容分别为：h1、h2、h3、h4、h5和h6。标题字体支持ALIGN属性，用它可以指定对象的排版格式，其属性值有LEFT、RIGHT和CENTER等。请看下面的例子，

HTML原代码：

<HTML>

<hl>标题元素显示效果1</hl>

<h2>标题元素显示效果2</h2>

<h3>标题元素显示效果3</h3>

<h4>标题元素显示效果4</h4>

<h5>标题元素显示效果5</h5>

<h6>标题元素显示效果6</h6>

</BODY>

</HTML>

其浏览器的显示效果如图所示。

图片.png

2.字体元素

字体元素FONT用来设置文档的字体，通过改变其属性可以对字体进行不同的设置。其常用的属性有三个：SIZE、COLOR和FACE。SIZE用来指定字体大小，COLOR指定字体颜色，FACE用宋指定一种字体名或一种字体列表。

（1）SIZE的使用格式为：

<font size＝＃>…</font> #={1,2,3, 4,5,6,7}

（2）COLOR的使用格式为：

（3）FACE的使用格式为：

（4）字体元素的综合应用实例

下面是一个FONT元素应用的综合例子，其浏览器显示效果如图7-3。

<HTML>

<HEAD><TITLE>New Document</TITLE></HEAD>

<font color=blue size=7>FONT的综合应用1/font><br>

<font color=red>FONT的综合应用2/font><br>

<font color=red size=+1>FONT的综合应用3/font><br>

<font color=red size=-1>FONT的综合应用4/font><br>

</BODY>

</HTML>

浏览器显示结果

图片.png

3.字符修饰元素

HTML中规定了大量的字符修饰处理元素，它们能够在不改变字体、字号的基础上对字形进行改变。这些元素分为物理样式和逻辑样式两大类，它们一般不支持任何属性。

（1）物理样式

①B元素：指定一段文本，使浏览器将该段文本以粗体显示。

②I元素：指定一段文本，使浏览器将该段文本以斜体显示。

③u元素：指定一段文本，使浏览器将其显示为带下划线的文字。

④TT元素：指定一段文本，使浏览器将它显示为固定大小的字体字符。

⑤SUP元素：指定一段文本，使浏览器用较小的字体将具显示为上标。

⑦S元素：指定—段文本，使浏览器将它显示为带删除线的文字。

⑧STRIKE元素：指定一段文本，使浏览器将它显示为带删除线的文字。

（2）逻辑样式

①EM元素：对文档中的某段文本进行强调，通常用斜体字显示出来。

②STRONG元素：对文档中的某段文本进行强调，通常用粗体字显示出来。

③CODE元素：将程序代码（如JAVE、C++源程序等）显示成等宽字体。

④SAMP元素：指定一个样本名称，浏览器一般用等宽字体显示它。

4.分行控制元素

浏览器是忽略HTML文档中的自然行与段落的，分行和段落设置必须通过HTML标识来实现。

（1）分段元素

分段元素p用来定义文档中的—个段落，段落的缩进、第一个字符前面的空格及其他特性通常由浏览器确定。标识<p>是段落的开始，</p>是段落的结尾，单独一个<p>，会添加一个空行。p元素的结束标记</p>，经常可以不写。

（2）换行元素

换行元素br在HTML文档中增加一个换行，指示浏览器执行—个断行动作，与p元素不同，它只是用来换行，其他字符和段落格式保持不变。br元素没有结束标志。

5.分隔线元素

分隔线元素HR是文本之间的分界，通常是一个全宽的水平线。其使用格式为：

<hr>

超链接标识

1.建立与另一个页面的链接

为了在HTML中建立一个链接，需要以下两个部分内容：

①待链接文件的名称或URL。

②作为热区的文本，即在浏览器中被显示为高亮且能被选中从而实现链接的部分。

能够建立起链接的HTML标签是链接标签或称为锚标签的“<A>…</A>”。标签<A>有许多扩展属性，称这种扩展属性为标签的属性。

<A>标签在HTML源代码中的形式如下：

其中，“URL”是一个统一资源定位符号，它指向一个资源地址。 “热点文本”将用高亮度方式在浏览器页面中加以显示。

标签<A>可以链接到另一个页面，也可链接到Web上的文档，还可链接到文档的指定位置。

HREF属性域指定了待链接文件的路径名。使用相对路径时，以链接所在文件为基准，可以包含上层目录名（用“..”）

举例：<A HREF="http://www.Yahoo.com/">英文雅虎</A>

图像标识

图像元素IMG用来将图像插入到HTML文档中。IMG的两个基本属性为SRC和ALT，SRC属性用来指定图像的URL。此处的URL只能嵌入图像，不能嵌入HTML文本，但URL的写法是标准的。ALT指定对图像进行说明的一段文字，也就当浏览器没有完全读入图像，或浏览器不支持内联图像，或用户将图像设置为不显示时，在图像位置显示的文字

示例说明IMG的基本用法：

图像对齐与布局

IMG支持的另—个重要属性是ALIGN，用以指定图像的对齐与布局方式。ALIGN＝left和ALIGN=right使图像浮动，并向页面窗口左边或者右边对齐，此时图像附近的文本则相应地在图像的右侧或左侧环绕。其他属性值则指定图像与文本的相对对齐方式（垂直方向）

①ALIGN=top：使图像与本行的最高点对齐。

②ALIGN=texttop：使图像与本行的最高文本对齐。

③ALIGN=middle：使当前行的基准线与图像的中线对齐。

④ALIGN=absmiddle：使当前的中线与图像的中线对齐。

⑤ALIGN=baseline：使图像的基准线与当前的基准线对齐。

⑥ALIGN=bottom：使图像的底部与当前基准线对齐。

⑦ALIGN=absbottom：使图像的底部与当前的底部对齐。

作业：

1、简述HTML的标签

2、HEAD出现在HTML文档的什么位置？起什么作用？

3、试描述HTML的超链接标识和图像标识，举例其基本写法

HTML基本标识

HTML基础知识

HTML的标签

HEAD中的标识

文本标识

超链接标识

图像标识

精彩评论

热门标签

图文推荐

HTML基本标识

HTML基础知识

HTML的标签

HEAD中的标识

文本标识

超链接标识

图像标识

更多 网站运营与管理 相关资讯：

精彩评论

热门标签

图文推荐

更多网站运营与管理相关资讯：