文档介绍：第2章超文本标记语言(HTML)
本章主要讲解:
超文本标记语言HTML的概念
   HTM文档结构特征,编写一般网页的HTM文档
   HTML各类标记的使用方法
网上商店实例中的基本网页编写方法
HTML概述
HTML(超文本标记语言)是一种描述文档结构的标注语言,它使用一些约定的标记对浏览释存在于网页源代码中的这些标记的含义,并按照这些标记约定的格式在屏幕上显示这些被标记的内容,从而形成网页。
HTML概述
HTML文件内容实际上是由一系列的标记段相互嵌套、或者相互并列形成,在每一个标记段之中包含着网页显示时需要的文字、资源地址、脚本语言程序。因此,从文档结构上看,HTM文档由标记段组成,每一个标记段称为文档元素。
HTML概述
组成HTM文档的元素有许多种,用于组织文件的内容和指导文件的输出格式。绝大多数元素是“容器”, 即它有起始标记和结尾标记。元素的起始标记叫做起始链接签(Start Tag),元素结束标记叫做结尾链接签(End Tag),在起始链接签和结尾链接签中间的部分是元素体。每一个元素都有名称和可选择的属性,元素的名称和属性都在起始链接签内标明。以下是一个简单的HTM文档“p2-”内容,而将它在IE浏览器中打开显示的结果如图所示。
HTML概述
<HTML>
<HEAD>
<TITLE>武汉工业学院</TITLE>
</HEAD>
<BODY bgcolor= yellow>
<P>以此表示一份简单HTM文档的结构以及网页显示形式</P>
</BODY>
</HTML>
HTML概述
用于创建或者编辑HTM文档的软件工具很多,既可以选用具有简单文本文件编辑功能的文字处理软件,如Microsoft NotePad(记事本)、Microsoft WordPad(写字板)、Microsoft Word等等;也可以选用具有网页文件编辑功能的专用软件,如Microsoft FrontPage、DreamWear等等。
具有网页文件编辑功能的专用软件无疑是编辑HTM文档最方便的工具。书中所有HTM文档源代码均采用Microsoft NotePad(记事本)格式给出。
HTM文档结构
一个基本HTM文档的结构应该如图所示。
<HTML>标记段
在<HTML>…</HTML>标记段中,应该并列嵌套<HEAD>…</HEAD>标记段和<BODY>…</BODY>标记段,分别用以显示网页窗口标题及其网页正文。其最简单的常用形式为:
<HTML>
<HEAD>
<TITLE>
浏览器窗口标题写在这里
</TITLE>
</HEAD>
<BODY>
HTM 文档的正文写在这里
</BODY>
</HTML>
<HEAD>标记段
<HEAD>…</HEAD>标记段用于标记<HTML>…</HTML>标记段首,其间可以包含若干个<META>标记和一个<TITLE>…</TITLE>标记段。
<META>标记的典型用法为:
<META http-equiv="Content-Language" content="">
<META http-equiv="Content-Type" content="text/html; charset=gb2312">
分别表示本HTM文档使用中国语言、其文本字符集为“GB2312”。
<BODY>标记段
<BODY>…</BODY>标记段用于标记HTM文档正文,即,浏览器窗口中显示的所有内容均应该书写在<BODY>…</BODY>标记段中。凡是涉及整个网页的属性设置,包括网页背景色彩或者背景图案、网页上的各类文本色彩等等,均可在<BODY>标记中通过设置相关属性来设定。<BODY>标记的常用文法格式为:
<BODY bgcolor=# text=# link=# alink=# vlink=# background=“imageURL”>