2.1HTML概述 用于创建或者编辑HTM文档的软件工具很多,既可以选用具 有简单文本文件编辑功能的文字处理软件,如 Microsoft Note Pad(记事本)、 Microsoft Word Pad(写字板) Microsoft word等等;也可以选用具有网页文件编辑功能 的专用软件,如 Microsoft FrontPage、 DreamWear等等。 具有网页文件编辑功能的专用软件无疑是编辑HTM文档最方 便的工具。书中所有HTM文档源代码均采用 Microsoft Note Pad(记事本)格式给出
2.1 HTML概述 用于创建或者编辑HTM文档的软件工具很多,既可以选用具 有简单文本文件编辑功能的文字处理软件,如Microsoft NotePad(记事本)、Microsoft WordPad(写字板)、 Microsoft Word等等;也可以选用具有网页文件编辑功能 的专用软件,如Microsoft FrontPage、DreamWear等等。 具有网页文件编辑功能的专用软件无疑是编辑HTM文档最方 便的工具。书中所有HTM文档源代码均采用Microsoft NotePad(记事本)格式给出
2.2HM文档结构 个基本HTM文档的结构应该如图所示。 HTML> sHEDD TTLE>武汉工业学院<TLE≥ HTML HEAD> 标记段 ≤ boDY bgcolor= vellow P以此表示一份简单HmM文档的结构以及网页显示形式P </BODYe HTM≥
2.2 HTM文档结构 一个基本HTM文档的结构应该如图所示
2.2.1<HTM>标记段 <HTML> 在<ML>HTML>标<HEAD> 记段中,应该并列嵌 <TITLE> 套 浏览器窗口标题写在这里 HEAD> <HEAD> </TITLE> 标记段和 </HEAD> <BODY>.</BODY <BODY 标记段,分别用以显 HTM文档的正文写在这里 示网页窗口标题及其 网页正文。其最简单</BODY> 的常用形式为: </HTML>
2.2.1 <HTML>标记段 在<HTML>…</HTML>标 记段中,应该并列嵌 套 < HEAD>…</HEAD> 标 记 段 和 <BODY>…</BODY> 标记段,分别用以显 示网页窗口标题及其 网页正文。其最简单 的常用形式为: <HTML> <HEAD> <TITLE> 浏览器窗口标题写在这里 </TITLE> </HEAD> <BODY> HTM 文档的正文写在这里 </BODY> </HTML>
2.2.2<HEAD>标记段 <HEAD>./HEAD>标记段用于标记<HTM>.</HM标记段首,其间 可以包含若干个<META>标记和一个< TITLE>….</TLE标记段。 <META>标记的典型用法为: <meTahttp-equiv="content-languagecontent="zh-Cn"> <meTahttp-equiv="content-type"content="text/Html;charset=gb2312"> 分别表示本HTM文档使用中国语言、其文本字符集为“GB2312
2.2.2 <HEAD>标记段 <HEAD>…</HEAD>标记段用于标记<HTML>…</HTML>标记段首,其间 可以包含若干个<META>标记和一个<TITLE>…</TITLE>标记段。 <META>标记的典型用法为: <META http-equiv="Content-Language" content="zh-cn"> <META http-equiv="Content-Type" content="text/html; charset=gb2312"> 分别表示本HTM文档使用中国语言、其文本字符集为“GB2312”
2.2.3<BODY>标记段 <BQhY…/BODY标记段用于标记HTM文档正文,即,浏览 器窗口中显示的所有内容均应该书写在<BODY>.</BODY 标记段中。凡是涉及整个网页的属性设置,包括网页背景色彩 或者背景图案、网页上的各类文本色彩等等,均可在<BODY> 标记中通过设置相关属性来设定。<BODY>标记的常用文法格 式为: <BODY bgcolor=# text=# link=* alink=* vlink=* background=“ imageURL
2.2.3 <BODY>标记段 <BODY>…</BODY>标记段用于标记HTM文档正文,即,浏览 器窗口中显示的所有内容均应该书写在<BODY>…</BODY> 标记段中。凡是涉及整个网页的属性设置,包括网页背景色彩 或者背景图案、网页上的各类文本色彩等等,均可在<BODY> 标记中通过设置相关属性来设定。<BODY>标记的常用文法格 式为: <BODY bgcolor=# text=# link=# alink=# vlink=# background=“imageURL”>