Internet应用演示文稿-8-2.ppt.ppt

第8章 网页源代码的编辑  8.1 HTML语言简介 8.1.1 HTML的含义 HTML是Hyper Text Markup Language的缩写，意为超文本标识语言。HTML是Internet上通用的语言，所有的网页都是带有HTML格式的文件，即超文本文件。 网页制作者可以直接使用HTML语言来编写网页的内容，包括文字、图形、表格和超级链接等等，最后，只需将这些表示网页内容的HTML源代码保存成一个扩展名为.html或.htm的超文本文件即可。超文本文件是纯文本文件，也就是说，你可以在任何一种文本编辑器（如Windows 98中的记事本）中创建和编辑由HTML源代码组成的超文本文件。 8.1.2 HTML语言的结构 1、HTML标记 用HTML语言编写的超文本文件（网页文件）由一系列的HTML标记组成，网页的功能就是通过HTML标记的使用来实现的。HTML标记被放在一对三角括号“ ”中，如：HTML、HEAD和BODY等。大多数HTML标记是成对出现的，如：HTML和/HTML、HEAD和/HEAD、BODY和/BODY，等等。 2、HTML语言的基本结构 用HTML语言编写的超文本文件的基本结构如下： HTML HEAD /HEAD BODY /BODY /HTML （1）HTML标记表示HTML文件的开始，而/HTML则表示HTML文件的结束。任何一个HTML文件都是以HTML标记开始，以/HTML标记结束。其他的HTML标记则被嵌套在HTML和/HTML之中。 （2）HEAD是网页头部的标记，HEAD和/HEAD之间的内容通常作为HTML文件的标题信息。 （3）BODY和/BODY表示HTML文件正文部分的开始和结束，它们之间的内容是网页的主体。例如，显示文本、设置文本的格式、设置网页的背景色、插入图片、设置超链接，等等，都是包含在BODY和/BODY之中。 例8.1 一个最简单的HTML文件。 启动“记事本”程序后，在“记事本”中输入以下内容，最后，将该文档保存为8-1.htm文件。 HTML HEAD TITLE 我的第一个HTML文件 /TITLE /HEAD BODY 欢迎来到我的网页！ /BODY /HTML 运行结果： 【注意事项】 1．HTML标记不区分大小写，即HTML与html的作用是等同的。 2．并不是所有的标记都成对出现，如BR表示换行，它就不需要成对使用。 3．在书写上，一对标记可以放在同一行中，也可以分别放在不同的行内。如： TITLE 我的第一个HTML文件 /TITLE 与 TITLE 我的第一个HTML文件 /TITLE 表示同样的作用。 8.1.3 常用的HTML标记 1.设置标题 HTML中有六种标题，分别为H1、H2、H3、H4、H5和H6，其中，H1定义最大的标题，H6定义最小的标题 例8.2 显示六种标题。 HTML HEAD TITLE 显示六种标题 /TITLE /HEAD BODY H1H1:标题一/H1 H2H2:标题二/H2 H3H3:标题三/H3 H4H4:标题四/H4 H5H5:标题五/H5 H6H6:标题六/H6 /BODY /HTML 运行结果： 2. 设置段落 P和/P标记分别定义一个文本段落的开始和结束。 3. 显示图形 使用IMG可以显示一个图片，其格式如下： IMG SRC = 图片文件名或URL 例8.3 显示图形。 HTML HEAD TITLE 显示图形 /TITLE /HEAD BODY H1显示图形/H1 HR IMG SRC = home.gif /BODY /HTML 运行结果： 4. 创建超链接 A和/A标记用于创建超链接，其格式如下： A HREF=URL 链接源 /A 其中，链接源可以是文本，也可以是图形。URL则表示链接的目的地，链接目的地可以是当前站点中的一个HTML文件，也可以是图形文件、音频文件或Web站点。 例如： A HREF=home.htm 网上之家 /A 这行HTML标记将文字“网上之家”定义为超链接，当浏览者单击了文字“网上之家”后，浏览器将打开站点中的网页home.htm。 又如： A HREF= IMG SRC = home.gif /A 这行HTML标记首先显示home.gif图形文件