003、HTML基础知识.docVIP

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个部分：标头区HEAD……/HEAD、内容区BODY……/BODY和网页区HTML……/HTML。 1．html……/html html标志用于HTML文档的最前边，用来标识HTML文档的开始。而/html标志恰恰相反，它放在HTML文档的最后边，用来标识HTML文档的结束，两个标志必须一块使用。 2．head……/head head和/head构成HTML文档的开头部分，在此标志对之间可以使用title/title、script/script等标志对。这些标志对都是用来描述HTML文档相关信息的，head和/head标志对之间的内容是不会在浏览器的框内显示出来的，两个标志必须一块使用。 3．body……/body body和/body是HTML文档的主体部分，在此标志对之间可包含p……/p、h1……/h1、br、hr等众多的标志。它们所定义的文本、图像等将会在浏览器的框内显示出来。body标志主要属性如表1-1所示。 表1-1 body标志主要属性 属 性 用 途 范 例 body bgcolor=#rrggbb 设置背景颜色 body bgcolor=#red 红色背景 body text=#rrggbb 设置文本颜色 body text=#0000ff蓝色文本 body link=#rrggbb 设置链接颜色 body link=blue链接为蓝色 body vlink=#rrggbb 设置已使用的链接的颜色 body vlink=#ff0000链接为红色 body alink=#rrggbb 设置鼠标指向的链接的颜色 body alink=yellow黄色 以上各个属性可以结合使用，如body bgcolor=red text=#0000ff。引号内的rrggbb是用6个十六进制数表示的RGB（即红、绿、蓝3色的组合）颜色，如#ff0000对应的是红色。 4．title……/title 使用过浏览器的人可能都会注意到浏览器窗口最上边蓝色部分显示的文本信息，那些信息一般是网页的主题。要将网页的主题显示到浏览器的顶部其实很简单，只要在title/title标志对之间加入需要显示的文本即可。 下面是一个简单的网页实例。通过该实例，读者便可以了解以上各个标志对在一个HTML文档中的布局或所使用的位置。 html head title显示在浏览器窗口最顶端中的文本/title /head body bgcolor=red text=blue p红色背景、蓝色文本/p /body /html ?注意：title/title标志对只能放在head/head标志对之间。 1.4.4 格式标记 这里所介绍的格式标记都是用于body/body标志对之间的。 1．p……/p p/p标志对是用来创建