1.2.1 HTML语言_网页设计与制作-QQ阅读男生武侠网

上QQ阅读APP看本书，新人免费读10天

设备和账号都新为新人

1.2 网页制作的相关知识

1.2.1 HTML语言

HTML是目前制作网页时必须掌握的一种语言，是通过利用各种标记（Tag）来标示文档的结构及超级链接的信息。自1990年以来HTML就一直被用做World Wide Web上的信息表示语言，用于描述Homepage的格式设计和它与WWW上其他Homepage的链接信息。

使用HTML语言，可以方便地在网页中插入文字、表格、图片、声音等信息，可以定义大小、字体、对齐等排版格式，可以对网页的作者信息、文字编码等进行说明，还可以在HTML文档中通过特定的标记插入Java语言文件及可以控制页面中各种对象的脚本程序。

本书将不重点介绍使用HTML语言制作网页，但读者应该在学习的过程中经常查看利用网页制作工具生成的HTML代码，以便更准确地控制页面效果，并为更深入地使用网页脚本编程打下良好的基础。

1．HTML网页

HTML网页通常是由3部分内容组成：版本信息、网页标题（HEAD）和文档主体（BODY）。其中，文档主体是HTML网页的主要部分，它包括文档所有的实际内容。下面就是网页结构的总体框架：

<!HTML网页版本信息说明>
<HTML>
    <HEAD>
      <!标题标记、属性及其内容>
    </HEAD>
    <BODY>
      <!主体标记、属性及其内容>
    </BODY>
</HTML>

（1）版本信息。版本信息位于HTML网页文件的第一行，并以<!Doctype HTML Public>开头，其后是HTML的制定机构、版本和网页制作者所使用的语言。如<!Doctype HTML Public//W3C？？ DTD HTML4.0//中文>表明文档类型DTD是由W3C（World Wide Web Consortium）制定的，HTML的版本为4.0，使用的文本语言是中文。如果用户在网页文件的开头没有定义版本信息的内容，Web浏览器将自动选择HTML文档的显示内容。

（2）HTML文件标记。大部分网页文件都是以<HTML>标记开始的，在文件的结尾处又以</HTML>结束，通过这一对特殊的标记，Web浏览器就可以判断出目前使用的是网页文件，而不是其他类型的文件，所以在使用HTML来设计网页时，必须首先在网页内添加“<HTML>…</HTML>”，然后再在这一对特殊标记之间添加网页的其他内容。

（3）头部信息。HEAD标记之间是HTML文档的头部，用来标明当前文档的有关信息，如文档的标题、搜索引擎可用的关键词及不属于文档内容的其他数据。

在HEAD标记之间，使用频率最高的标记就是TITLE，它用于定义显示在浏览器标题栏的文档标题。

（4）主体标记。网页的主体是“<BODY>…</BODY>”标记对作用的范围，可以简单地将网页的主体理解为HTML文档中标题以外的所有部分。

使用HTML语言制作网页时，只有在“<BODY>…</BODY>”标记对之中的内容才能显示在浏览器窗口中。

2．使用记事本制作网页

因为HTML语言是纯文本格式的，所以可以用任何可以编辑文本的工具（如记事本、Word）来编辑网页。

【实例1.1】将网页标题设置为“我的第一个网页”，并制作一个简单的网页。

① 打开Windows记事本。

② 在编辑窗口中输入如图1.11所示的代码。