HTML静态页面核心技能与概念

一、理论基础1：HTML语言简介

HTML (HyperText Markup Language，超文本标记语言)，是用来描述超文本文档的标记语言。它由网站建设HTML标记和用来表示信息的文本组成。使用HTML语言描述的文件，需要通过浏览器显示效果。

所有的网页都可以以HTML格式的文件为基础，再加上一些其他语言(如Javascript,VBScript)编写的代码。这些文件除了一些基本的文字外，还包含一些标记。这些标记均由“<”和“>”符号及一个字符串组成。文字、图像、动画并播放声音等。

浏览器的功能是对这些标记进行解释，显示出HTML文件是由标记和文本组成的，通过HTML可以表现出丰富多彩的设计风格。大到整个页面布局、段落的设定，小到文本的字体、字号、颜色等的设置，都可以通过HTML语言来完成。此外，HTML语言还可以在网页中设置列表、表格等内容。

一通过HTML可以展现多媒体的效果。超文本之所以能在很短的时间内广泛地受到人们的青睐，很重要的一个原因是，它能够支持多媒体，如图像、声音、动画等。

二、理论基础2: HTML的基本结构

超文本文档包括文档头和文档体两部分档体则是要显示的各种网页内容。

不管网页的内容多丰富、版式多复杂，。文档头对这个文档进行了一些必要的定义;文网页的基本结构都是一样的。HTML文件是分层组织的，最外层是标记，在此标记内一般有两层:head层(文档头)和body层(文档体)。这两部分内容都包含在和之间。

在这些标记内可以嵌套其他标记。一般情况下，键字存放在图像标记等组成。文档头存储网页的信息，比如网页标题存放在< title>标记中，网页标记中。文档体是网页内容的显示部分，主要由表格标记、段落标记、下面是HTM L文档的基本格式。

如果想要看到这段语句所描述的页面效果，可以在记事本中新建一个文本，把这段代码语句复制并粘贴到文件中，然后将其另存为examplel. html文件(保存类型为“所有文件”)，最后双击打开html文件，如图2-169所示。

使用Dreamweave切换到“代码”视图中，在其中输人可以编写相应的HTML代码。对于一个专业的网页设计人员来说，可以在浏览器中选择“查看”一“源代码”命令，即可弹出以记事本的形式显示的该网页文件的源代码，如图2-170所示。


三、理论基础3: HTML的常用标记

HTML基本标记种类比较多，内容也很丰富，通过这些各不相同的标记就能实现网页上丰富多彩的效果，下而简单介绍常用的也是比较重要的一些标记。