9 计算机及信息技术基础第九章.ppt

# 第九章 网页制作初步 书签用来标记网页中的信息位置，因而建立页内超链接。当一个页面文件很大或者要定位光标位置时，书签超链发挥积极的作用。创建书签超链接时，首先必须定义书签，然后再把超链接指向书签。 演示例9.13 第九章 网页制作初步 9.1 HTML语言 9.2 Web技术 9.3 FrontPage 2000 Web网页是一个文本文件，其中包含文本、图形和超链接等元素。制作网页的基本技术标准是超文本标记语言（HTML，HyperText Markup Language）。 HTML是根据国际标准化组织（ISO）的广义置标语言SGML（Standard Generalized Markup Language）标准定义的，它规定了文档的逻辑组织格式，包含了文本、图像、动画、表单和链接等多种形式。 9.1 HTML语言 HTML （HyperText Markup Language超文本标记语言）是标准文档格式化系统，使用HTML控制信息的文本文件被称为HTML文件，也称Web文件。 使用普通的文本编辑器就可以创建Web文件。方法是：在文本编辑器中，输入一段文本，再给文本加上HTML标记，然后以扩展名htm或html存盘。 ⒈ 创建简单Web页 HTML文件由控制部分和正文部分组成。HTML的控制标记对大小写不敏感，同时控制标记用“ ”进行区分。 ⑴ HTML和/HTML标记，把全部源代码“括起来”，就像括号一样。 ⑵ HEAD和/HEAD标记，把全部控制部分括起来。 ⑶ TITLE和/TITLE标记，把页面标题括起来。 ⑷ BODY和/BODY标记，把全部正文部分括起来。 HTML标记一般配对使用，只有少数标记单独使用。 例如： ⑴ P表示一个自然段落的结束，一般加在两个自然段落之间，此时/P被省略。 ⑵ BR表示转行（断行），不表示自然段落的结束。与P标记相比，BR标记因为产生的行间距较小，被广泛使用。 ⑶ HR表示画水平线。 演示例9.1 超级链接是指多个Web页面通过关键字或图像连结起来，通过关键字或图的单击操作，可以自动切换内容的技术。带有“链接”的文本文件叫做超文本。链接所使用的关键字一般为蓝色下划线的文字标志，通过A HREF=….和/A标记实现。 ⒉ 超级链接 ⑴ 本地链接。本地链接与网络无关，通过链接把本地的HTML文件链接起来构成信息整体。 例如：包含a href =h1.htm 单击此处 /A ⑵ 异地链接。通过Internet的统一资源定位器（URL），链接远程其它计算机上的HTML文件。 例如：A HREF=http: // 新疆大学主页 /A。 演示例9.2 9.1.1 文字控制 有关控制文字的HTML标记是： FONT…/FONT 常见的属性参数如下： SIZE=“...” 规定字体的大小尺寸。 COLOR=“...” 规定文字的颜色。 FACE=... 规定字体 演示例9.3 在HTML标记中，下列标记也能进行字体显示效果的控制： SMALL …… /SMALL 规定小字体显示 BIG …… /BIG 规定大字体显示 B …… /B 规定黑体字显示 Center ……. /Center 规定文字居中对齐显示 9.1.2 图像和动画 插入图形或动画的标记是：IMG　SRC=文件名 有以下属性： SRC=...图象（动画）文件的URL地址文件名。 ALT=...在图像未完全收到时，图像位置显示的文字信息。 ALIGN=“...” 确定图像的对齐方式。 演示例9.4 9.1.3整体控制 页面的整体控制属性在BODY标记中，常用的以下属性： BACKGROUND=“...”构成背景的图片文件名。BGCOLOR=“...”背景颜色。TEXT=...默认文本颜色。LINK=...未被访问的文字链接源的颜色。ALINK=... 被激活的文字链接源的颜色。VLINK=...访问过的文字链接源的颜色。BORDER=”…”图像边界的宽度，单位是像素点。 演示例9.5 9.1.4表格标记 表格的标记是 TABLE.../TABLE 属性语法如下： ⑴ 边线控制：BORDER=“...” ⑵ 宽度控制：WIDTH=... 表格的行标记是TR.../TR 属性语法如下： ALIGH=“...” 行中单元水平对齐方式 VALIGN=... 表行中垂直对齐方式 表格的列标记是TD.../TD 属性语法如下： ALIGN=... 单元内容水平对齐方式 VALIGN=... 单元内容垂直对齐方式 ROWSPAN