一、初识HTML
HTML(HyperText Markup Language,超文本标记语言),是一种专门用于创建Web 超文本文档的编程语言,它能告诉Web 浏览程序如何显示Web 文档(即网页)的信息,以及如何链接各种信息。
标记语言是一种基于源代码解释的访问方式,代码由许多元素组成,而前台浏览器通过解释这些元素显示各种样式的文档。换句话说,浏览器就是把纯文本的后台源文件以赋有样式定义的超文本文件方式显示出来。但它并不是一种程序语言(像C 语言是编译语言,需要经过编译才能运行),而是一种结构语言,不需要额外的软件进行编译,可以直接使用任何文本编辑器进行编写开发,只要有相应的浏览器程序就可以执行。
二、基本概念
1. 标签
在HTML 中用于描述功能的符号称为“标签”,用尖括号“<>”括起来,需要记住的是,标签有双标签和单标签之分。
2. 属性
属性是为HTML 标签提供更多的相关信息,对标签的内容进行更详细的控制。
属性和标签一样,并没有大小写的区分,一个开始标签后面可以加上多个属性,各属性之间没有先后顺序。而添加的属性都有一个属性值,值的选取必须是合法的,并且参数值最好加上引号。格式是:<标记名属性=“属性值”…>
3. 注释
HTML 语言和其他程序语言一样,也有注释语句,可以放在任何地方,不会显示到浏览器中,仅供编写人员阅读方便,格式是:<!-- 注释语句-- >。
三、HTML 的语法结构
HTML 文件必须以<html>标记开头,并以</html>标记结束,表明该文件为HTML 超文本文档。一个完整的HTML 文档分为文档头和文档体两部分。文档头部信息包含在<head>与</head>之间,比如标题、导入样式表等信息;文档体包含在<body>和</body>标记之间,是网页的主体部分。<html>和</html>标记将头和文档体包含在其内。例如,创建一个简单但较完整的文件名为2_1.html 的HTML 文件,文件内容如下:

(1)html 标签:用来识别文档类型,表示这对标签之间的内容是HTML 文档。
(2)head 标签:位于文件的起始部分,它包含一些文件的相关信息,如作者,搜索关键字等。其中最常用的标签是标题标签,它的格式是<title>网页标题</title>,该标签一定要放在<head>……</head>标签内。
(3)body 标签:用来指定文档的主体内容,内容可以是文本、图像、动画、链接、音频视频等,都要放在这对标签之间。
四、HTML 的语法规则
(1)HTML 文件必须以纯文本形式存放,扩展名为.html 或.htm,若是Unix 操作系统,扩展名必须是.html。
(2)HTML 文件中所有标记要用尖括号“<>”括起来。(https://www.xing528.com)
(3)HTML 标签和属性都不区分大小写。
(4)大多数HTML 标签可以嵌套,但不能交叉。
(5)HTML 文档一行可以书写多个标签,一个标签也可以分多行书写,不用任何续行符号,标点符号全部在英文状态下书写。
(6)HTML 源文件中的换行、回车符和多个连续空格在浏览时都是无效的。
(7)网页中所有显示内容都应该受限于一个或多个标签,不能有游离于标签之外的文字或图像等,以免产生错误。
五、创建网页文件
创建网页文件时可以使用以下两种方法:
1. 使用文本文档编写
首先在文件夹中创建文本文件,其次写入相关代码并保存,最后将文件的扩展名改为.html。
2. 使用Dreamweaver
第一步:启动Dreamweaver(软件可在相关网站下载,建议使用CS3 以上版本)。
第二步:单击“文件”→“新建”命令,弹出如图1-9 所示的对话,页面类型选择“HTML”,布局选择“无”,文档类型选择“无”,单击“创建”按钮。
第三步:修改代码并保存。
使用浏览器查看2_1.html 页面效果如图1-10 所示(扩展名为.html 的静态网页可以双击打开)。使用默认浏览器浏览,也可以在Dreamweaver 中使用预览在“IExplore 命令进行浏览”。

图1-9 Dreamweaver 新建文档

图1-10 页面浏览效果
免责声明:以上内容源自网络,版权归原作者所有,如有侵犯您的原创版权请告知,我们将尽快删除相关内容。
