HTML静态页面的核心技巧和概念-成都小程序开发

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

HTML（超文本标记语言）是一种用于描述超文本文档的标记语言。它由HTML 标签和用于表示信息的文本组成。一个用HTML语言描述的文件需要通过浏览器显示出来。

所有的网页都可以以HTML格式的文件为基础，加上一些用其他语言（如Javascript、VBScript）编写的代码。除了一些基本文本之外，这些文件还包含一些标记。这些标记由“”和“”符号以及一个字符串组成。文字、图片、动画、播放音效等。

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

可以通过HTML 显示多媒体效果。超文本之所以能够在短时间内受到人们的广泛青睐，最重要的原因之一是它可以支持多媒体，如图像、声音和动画。二、理论基础2: HTML的基本结构

一个超文本文件包括两部分，文件头和文件体。文件体是要展示的各种网页内容。

无论网页内容多么丰富，布局多么复杂，文件头定义了这个文件的一些必要的定义；文本和网页的基本结构是相同的。 HTML文件是分层组织的，最外层是html标签。这个tag里面一般有head层（文件头）和body层（文件体）两层。这两部分都包含在html 和/html 之间。

在这些标签中可以嵌套其他标签。通常，关键字存储在元图像标签和其他组件中。文档头部存放网页的信息，例如网页的标题存放在title标签和网页标签中。文档主体是网页内容的展示部分，主要由表格标记、段落标记组成，下面是HTML文档的基本格式。

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

使用Dreamweave 切换到“代码”视图，您可以在其中编写相应的HTML 代码。对于专业的网页设计人员，可以在浏览器中选择“查看”-“源代码”命令，弹出以记事本形式显示的网页文件源代码，如图2-170所示。三、理论基础3: HTML的常用标记

基本HTML标签的种类很多，内容也很丰富。通过这些不同的标签，可以实现网页上丰富多彩的效果。下面简单介绍一些常用的和比较重要的标签。

我们专注高端建站，小程序开发、软件系统定制开发、BUG修复、物联网开发、各类API接口对接开发等。十余年开发经验，每一个项目承诺做到满意为止，多一次对比，一定让您多一份收获！