第1章 网页设计概述 ·19· 1.4 HTML基础知识
Internet风行世界，作为展现Internet风采的重要载体，Web页受到了愈来愈多人的重视。好的Web页可以吸引用户频频光顾站点，从而达到宣传网站的目的。Web页是由HTML（Hypertext Markup Language，超文本标记语言）组织起来的，由浏览器解释显示的一种文件。
最初的HTML语言功能极其有限，仅能够实现静态文本的显示，人们远远不满足于死板的类似于文本文件的Web页。后来增强的HTML语言扩展了对图片、声音、视频影像的支持。
通过浏览器访问到的Web页面，通常是基于HTML的基础上所形成的。那么，什么是HTML呢？下面将介绍有关HTML的概念及其基本语法。
1.4.1 HTML概念
当畅游Internet时，通过浏览器所看到的网站是由HTML语言所构成的。HTML是一种建立网页文件的语言，通过标记式的指令（Tag），将影像、声音、图片、文字等连接显示出来。这种标记性语言是因特网上网页的主要语言。
HTML网页文件可以使用记事本、写字板或Dreamweaver等编辑工具来编写，以.htm或.html为文件后缀名保存。将HTML网页文件用浏览器打开显示，若测试没有问题则可以放到服务器（Server）上，对外发布信息。
1.4.2 HTML基本语法
HTML标记是由“<”和“>”所括住的指令标记，用于向浏览器发送标记指令。主要分为：单标记指令、双标记指令（由“<起始标记>”＋内容＋“”构成）。
HTML语言使用标志对的方法编写文件，既简单又方便。它通常使用“<标志名>内容”来表示标志的开始和结束，因此在HTML文档中这样的标志对都必须是成对使用的。
为了便于理解，将HTML标记语言大致分为基本标记、格式标记、文本标记、图像标记、表格标记、链接标记、表单标记和帧标记等。
1.4.3 基本标记
基本标记是用来定义页面属性的一些标记语言。通常一份HTML网页文件包含3个部分：标头区
……、内容区……和网页区……。1．……
标志用于HTML文档的最前边，用来标识HTML文档的开始。而标志恰恰相反，它放在HTML文档的最后边，用来标识HTML文档的结束，两个标志必须一块使用。
·20· Dreamweaver网页制作与色彩搭配全攻略 2．
…… 和构成HTML文档的开头部分，在此标志对之间可以使用3．
…… 和是HTML文档的主体部分，在此标志对之间可包含……
、表1-1
标志主要属性属 性
以上各个属性可以结合使用，如
4．
使用过浏览器的人可能都会注意到浏览器窗口最上边蓝色部分显示的文本信息，那些信息一般是网页的主题。要将网页的主题显示到浏览器的顶部其实很简单，只要在
下面是一个简单的网页实例。通过该实例，读者便可以了解以上各个标志对在一个HTML文档中的布局或所使用的位置。
?注意：
1.4.4 格式标记
这里所介绍的格式标记都是用于
标志对之间的。
第1章 网页设计概述 ·21· 1．
……
标志对是用来创建一个段落，在此标志对之间加入的文本将按照段落的格式显示在浏览器上。标志还可以使用align属性，它用来说明对齐方式，语法如下所示。
Align的参数可以是Left（左对齐）、Center（居中）和Right（右对齐）3个值中的任何一个。例如
2．
是一个很简单的单标记指令，它没有结束标志，因为它用来创建一个回车换行，即标记文本换行。
?注意：如果把
加在
的行与行之间的距离比较大。若放在
的里边则3．
……
在
标志对之间加入的文本将会在浏览器中按两边缩进的方式显示出来。 4．表中最下层项目，和都必须放在
中国城市 北京 上海 广州 美国城市 华盛顿 芝加哥 纽约
该实例在网页中的效果，如图1-29所示。 5．
·22· Dreamweaver网页制作与色彩搭配全攻略
图1-29 格式标记执行效果图
中国城市
北京 上海 广州美国城市
华盛顿 芝加哥 纽约以上在IE中的运行效果如图1-30所示。
第1章 网页设计概述 图1-30 格式标记执行效果图
·23·
百度搜索“77cn”或“免费范文网”即可找到本站免费阅读全部范文。收藏本站方便下次阅读，免费范文网，提供经典小说教育文库HTML基础知识 - 图文在线全文阅读。
相关推荐：