HTML语言与网页设计.pptVIP

第9章 HTML语言与网页设计 本章教学目标： ● HTML简介 ● HTML基本标记 ● 图片 ● 超链接 ● 表格和框架 ● 在网页中添加多媒体 ● 表单的应用 ● 层叠样式表CSS和DIV标记 ● 动态网页制作——JavaScript和VBScript ● 网页的制作与发布 9.1 HTML简介 HTML（Hyper Text Markup Language，超文本标记语言）是一种专门用于编写网页源代码的计算机语言。 9.1.1 概述 HTML是纯文本类型的语言，使用HTML编写的网页文件也是标准的纯文本文件。在用浏览器打开某网页时，通过相应的查看“源文件”命令，可查看该网页的HTML源代码。 HTML的语法有三种表达方式，具体如下： 元素名内容/元素名 元素名 属性名1=属性值1 属性名2=属性值2 …内容/元素名 元素名 一个典型的元素由三部分组成：一个开始标记、内容、一个结束标记。 HTML的语法表达方式中的元素名是该元素的开始标记，/元素名是该元素的结束标记。如，html是HTML元素的开始标记，/html是该HTML元素的结束标记。head是HEAD元素的开始标记，/head是该HEAD元素的结束标记。 9.1.2 HTML文件的基本结构 一个HTML 文件必须以html标记开始，并以/html标记结束。 HTML文件是层次结构文件，它依次分为文件头和文件体两部分。文件头部包含与文件有关的信息，文件体部包含全部正文信息。文件头部由head标记与/head标记所指定，文件头部是可选的，即是说，在一个HTML源文件中，文件头部可有可无。文件体部由body标记与/body标记所指定。 9.2 HTML基本标记 9.2.1 背景与文本颜色设置 在HTML文档中，使用body元素的标记可以设置网页页面背景与文本的颜色。具体来说，在body元素的开始标记body中，使用某些关系到页面全局的属性，可以控制页面的背景与文本颜色。 body标记中不带任何属性时，表示全使用默认的属性值。 带有部分属性的body标记的格式如下： body bgcolor＝black/background=//images/logosmall.gif text＝blue link＝red alink＝red vlink＝yellow BODY元素中用于设置背景与文本颜色的常用属性如表9-1所示。 表9-1 设置背景与文本颜色的常用属性 9.2.2 文本格式化设置 1. font标记 在FONT元素的开始标记font中增加一些属性，可以对文本实现格式化处理。如： font face＝隶书 size＝5 color＝red欢迎光临!/font font标记的一些基本属性如下： 1）face属性 2）size属性 3）color属性 表9-3 常用字体风格标记格式 2. 设置字体风格的标记 为了使文本突出，以引起浏览者的注意，对文本设置适当的字体风格是一个有效的途径。在HTML中，提供有多种字体风格标记供选用。常用字体风格标记格式如表9-3所示。 3. 标题字体设置标记 标题字体大小分为六级。标题字体的基本标记格式如下： hn align=#文本/hn 其中：n = 1，2，3，4，5，6。即有h1、h2、h3、h4、h5和h6六级。 align 属性用于设置文本的对齐方式。具体如下： （1）align＝left表示文本左对齐，默认是文本内容左对齐。 （2）align＝center表示文本居中对齐。 （3）align＝right表示文本右对齐。 9.2.3 其他一些基本设置 1. 段落设置 段落标记格式： p align=#文本/p align属性用于设置段落文本的对齐方式。意义与标题字体设置标记中的align属性相同。 其功能是：在p标记处进行分段，相当于在该处换行的同时还接着插入一个空行，并按align的属性值，把所标记的文本内容进行对齐。当缺省align属性时，文本内容为左对齐。P元素的结束标记/p可有可无。 2. 换行设置 换行标记：br 其功能是在br标记处终止一行文本的显示并开始一个新行。 3. 不断行设置 在文件中，也许会有一些不想让它们分开的短语，那么使用NOBR元素的标记可以使它们出现在同一行上。在浏览器屏幕上某一窗口中，可能要使用水平滚动条来观看整行内容。 NOBR元素的标记格式如下： nobr文本/nobr 4. 居中对齐设置 在前面介绍的“标题字体设置”和“段落设置”内容里提到，在相应的开始标记中带有属性align＝center时，可使所标记的文本内容居中对齐。除此以外，居中对齐设置还可使用CENTER元素的标记来实现。 CENTER元素标记格式如下： cente