HTML+CSS网站开发兵书
上QQ阅读APP看本书，新人免费读10天
设备和账号都新为新人
上一章目录下一章

1.3 认识HTML

超文本标记语言（Hyper Text Markup Language，HTML）是一种程序语言，它定义了一系列规则告诉浏览器如何显示HTML的元素。含有HTML元素集合的文件，也就是网页。网页中的HTML元素也称为源代码，简称源码。所以，网页设计也就是HTML元素的编排。网页HTML元素也称为标签。网页要被浏览器识别，它的扩展名必须设置为html或htm。

1.3.1 创建HTML网页

创建HTML网页是一件很容易的事。把HTML标签写在记事本里，然后保存扩展名为.html或.htm文件。具体步骤如下。

（1）在Windows系统中，选择“开始”→“所有程序”→“附件”→“记事本”命令，打开记事本。

（2）在记事本内输入一段源码，效果如图1-14所示。

图1-14 HTML源码

（3）重新命名该记事本名称，命名为1-1.html，这时会弹出对话框，如图1-15所示，单击“是”按钮。

图1-15 “重命名”对话框

（4）双击打开保存的文件，网页效果如图1-16所示。

图1-16 网页效果

1.3.2 HTML结构

通过上面的实例，读者会发现编写一个HTML网页如此简单。这是网页中的源码告诉浏览器应该如何进行显示的，那么HTML结构又是怎样的呢？实例中的源码如下。

      <html>
        <head>
          <title>
            第一个网页
          </title>
        </head>
        <body>
          时间好像一把尺子，它能衡量奋斗者前进的进程；
        </body>
      </html>

从源码中可以看到，其中含有许多用“< >”符号括起来的地方，也就是HTML标签。一般情况下是以“<标签类型>”开始，以“</标签类型>”结束，它们是成对出现的，如<body>…</body>，它们之间的内容就是在浏览器中显示出来的内容。只有开始而没有结束的，称为单标签，也称空标签，如<img>等。

一般HTML网页是以<html>标签开始，以</html>结束。<head>…</head>之间是网页头部，用来描述网页的相关内容，如网页标题、网页语言和网页内容简述等。<title>…</title>之间是表示文档的标题，显示在浏览器的标题栏。<body>…</body>是网页正文，是在浏览器中显示出来供读取的信息。基本的网页结构如下。

      <html>
        <head>
          网页头部
        </head>
        <body>
          网页正文
        </body>
      </html>

在了解了网页的结构之后，读者可以尝试着用记事本创建一个简单的网页，进一步熟悉网页源码结构。除了用记事本创建网页，还可以通过很多软件来创建。这些软件具有强大的编辑功能，Dreamweaver就是其中的一款。下面简单介绍在Dreamweaver中创建HTML网页。

注意：当打开一个页面以后，可以单击鼠标右键，弹出快捷菜单，然后单击“源代码”命令，可以查看网页的源代码。通过此方式可以学习他人优秀的代码。

上一章目录下一章