中文FrontPage2003网页制作.pptVIP

第8章 中文FrontPage2003网页制作 8.1 HTML语言基础 8.2 FrontPage2003简介 8.3 网页的修饰 8.4 框架网页 8.5 表单的操作 8.6 FrontPage 2003 组件 8.1.1 什么叫HTML HTML的全称为Hyper Text Markup Language,中文译为超文本标记语言。它是一种专门用于编写网页源代码的计算机语言。使用超文本标记语言HTML可编制出各种各样的HTML文件（即网页文件），HTML文件的扩展名为.html或.htm。 HTML是纯文本类型的语言，使用HTML编写的网页文件也是标准的纯文本文件。在用浏览器打开某网页时，通过相应的查看“源文件”命令，可查看该网页的HTML源代码。 用HTML编写的超文本文档称为HTML文档，一个HTML文档包括了一些特殊的命令来告诉浏览器应该如何来显示文本、图像以及网页的背景。这些命令加入到HTML文档中,被称为HTML标志。通过HTML将所表达的信息按某种规则写成HTML文件，再通过专用的浏览器来识别。 8.1.2 一个简单的例子 源代码如下： html head title欢迎新生 1/title /head body 热烈欢迎新同学! P祝新同学德、智、体、美全面发展！ !--这是我的第一个网页 /body /html 显示的效果如图9-1所示 源代码说明： html…/html 表示文件的开头和结尾。 HEAD…/HEAD 表示文件的头开始和结尾。 TITLE…/TILE表示标题的开始和结尾。 BODY…/BODY表示文件体的开始和结尾。 P标记是用于段落分隔。 !—注释文档-- 是注释标记的格式 8.1.3 文字处理标志 HTML的文字处理包括字体标志、字体颜色、字体大小三种。 1. 标题字体标志 2. 字体大小及颜色标志 3. 修饰字体标志 4.字体对齐标志 1．标题字体标志 标题字体标志包括六级，标题都是采用黑体字风 格，其语言风格为： H1…(文字)…/H1 一级标题字体标志 …… H6…(文字)…/H6 六级标题字体标志 其中H1一级标题字体最大,依次到H6六级标题字体.说明了从H1标题字体到H６标题字体的各种属性。 【例9-1】用不同的标题字体显示“新年快乐!” 源程序为： html head title用不同的字体显示示例/title /head body h1新年快乐!/h1 h2新年快乐!/h2 h3新年快乐!/h3 h4新年快乐!/h4 h5新年快乐!/h5 h6新年快乐!/h6 h1 aling=right祝你春节愉快!/h1 /body /html 显示的效果如图。 2．字体大小及颜色标志 (1)字体大小标志的格式： FONT SIZE=Z../FONT (2)字体指定颜色的格式为： FONT COLOR=#…/FONT 3．修饰字体标志 不同文档网页需要不同的字体风格。以下列出了修饰字体的各种标志。 （1）BIG…/BIG以比普通字体大的字体显示。 （2）SMALL…/SMALL以比普通字体小的字体显示。 （3）SUB…/SUB表示下标。 （4）SUP…/SUP表示上标。 （5）B…/B表示以黑体字体显示，即加粗字体。 （6）TT…/TT表示以等宽字体显示。 （7）I…/I表示斜体。 （8）U…/U表示加下划线。 （9）STRIKE…STRIKE 表示加删除线，即在字符中间加上一水平横线 ４．字体对齐标志 网页文本的字体排版、上下文结构的安排需要用到字体对齐标志。以下是几种字体的对齐标志。 （1）p align=#…/p表示文字分段。 （2）div align=#…/div表示文字的分区显示。 （3）Hn align=#…/Hn表文字的标题。 （4）center…/center表示文字居中。 以上的“#”号表示left,center,right，n的取值为1到6。 8.1.4 HTML列表标志 网页中常常试用列表编排文本顺序或提供选择列表，不同的顺序使用不同的列表标志。而列表包括有序列表和无序列表，有序列表使用（1，2，3， ……）、（a,b,c,d……）等有序格式编排的列表，而无序列表使用实心圆、空心圆、空心方块等无序格式编排列表。 1．有序列表 2．无序列表 8.1.5 HTML超链接标志 创建一个超链接（Hyperlink）是HTML语言中的一个重要部分。一个超链接又称作锚（Anchor），它唯一指向另一个Web信息