Frontpage工具简介培训教材.pptVIP

第 2 章 HTML基础; Frontpage Editor编辑时有3个窗口：普通窗口，用来编辑网页内容；HTML窗口，用来观看Frontpage自动生成的HTML代码，也可在该窗口中输入HTML代码；预览窗口，演示网页效果。 上述3个窗口之间可以任意切换。; 2.2 HTML元素 ;2.2.1 HTML文件的基本格式 格式如下： HTML HEAD Title 标题部分/Title /HEAD BODY 正文部分 /BODY /HTML ;各标记含义如下： HTML /HTML HTML标签位于HTML文件最开头，告诉浏览器，这个文件是HTML文件，在文件尾，用/HTML结束，提醒HTML文件结束。 HEAD /HEAD HEAD标签一般放在HTML标签后，用来标明文件的题目或定义部分。 Title /Title 这对标签用来定义文件的标题，浏览器通常会将文件标题显示在浏览器窗口的左上角。 BODY /BODY 这对标签一般用来指明HTML文档里主要内容，如：标题、段落、列表等。也可定义主页背景颜色。;2.2.2 文本标记 1．标题元素 HTML中的标题元素使用格式： H# · · · · · · /H# #代表1、2、3、4、5、6中一个。它支持ALIGN属性，用它可以指定排版格式，其属性值有：LEFT、RIGHT和CENTER。如果不给出ALIGN的属性值，缺省值为LEFT。;图2-2 标题元素显示效果;2．FONT元素 FONT元素用来设置文档的字体，通过改变其属性可以对字体进行不同的设置。其常用的属性包括：SIZE、COLOR和FACE。其中SIZE用来指定字符的大小，COLOR用来指定字符的颜色，FACE用来指定一种字体名或一种字体列表。;3．字符修饰元素 HTML中规定了大量的字符修饰处理元素，它们能够在不改变字体、字号的基础上对字形进行改变。具体介绍如下。; （1）物理样式 B元素： I元素： U元素： TT元素： SUP元素： SUB元素： S元素： STRIKE元素：;（2）逻辑样式 EM元素： STRONG元素： CODE元素： SAMP元素： KBD元素： VAR元素： DFN元素： CITE元素： SMALL元素： BIG元素：;4．分行控制 （1）分段元素P （2）换行元素BR 5．分隔线HR元素 ;2.2.3 超链接 超链接主要通过锚点元素A来实现。A元素可以支持较多的属性，其中最重要的是HREF和NAME属性。 1．HREF属性 2．NAME属性 ;2.2.4 图片标记 1．基本用法 2．图像对齐与布局 ;2.2.5 Table 表格 主要标记： table……/table 定义表格； tr 定义表行； th 定义表头； td 定义表元； caption 用来给表格提供一个标题。 ; 例2-3 table border trth食物/thth饮料/thth甜点/th/*定义表头*/ trtdA/tdtdB/tdtdC/td /*定义表元*/ /table;例2-4 列合并。 table border trth colspan=3早餐菜单/th trth 食物 /thth 饮料 /thth甜点/th trtdA/tdtdB/tdtdC/td /table; 例2-5 行合并。 table border trth rowspan=3早餐菜单/th th 食物 /th tdA/td trth 饮料 /th tdB/td trth甜点/thtdC/td /table;图2-4 表格应用 ; 图2-5 表格元素应用 ;图2-6 表格元素应用 ;2.2.6 表单的概念 1．表单的结构 在HTML中，Form 的标记有开始标记form和结束标记/from，在开始标记中一般包含属性：ACTION、METHOD和ENCTYPE。 ACTION： 语法格式： METHOD： 语法格式： ENCTYPE： ;2．表单中常用的标记 表单中使用的主要元素包括以下3个。