《JSP程序设计教程 教学课件 ppt 作者 向学哲 第02章 HTML基础》由会员分享，可在线阅读，更多相关《JSP程序设计教程 教学课件 ppt 作者 向学哲 第02章 HTML基础（31页珍藏版）》请在金锄头文库上搜索。
1、第 2 章 HTML基础,2.1 Frontpage工具简介 2.2 HTML元素 2.3 框架结构,一个完整的JSP程序包含JSP代码和HTML两部分，其中JSP代码嵌入在HTML中间。因此在学习JSP之前有必要了解有关HTML方面的知识。 Frontpage是一个简单的HTML编辑工具，利用它可以直接生成HTML代码而不用手工输入，非常简单和方便。当然也可以在Frontpage中直接输入JSP代码，只需采用来标记就可以了。,2.1 Frontpage 工具简介,Frontpage软件是一个网页制作工具软件，支持“所见即所得”的编辑方式。 Frontpage软件可分为3部分：编辑网页的Fro
2、ntpage Editor、管理网站的Frontpage Explorer 和提供网站功能的Frontpage PWS。,Frontpage Editor编辑时有3个窗口：普通窗口，用来编辑网页内容；HTML窗口，用来观看Frontpage自动生成的HTML代码，也可在该窗口中输入HTML代码；预览窗口，演示网页效果。 上述3个窗口之间可以任意切换。,2.2 HTML元素,HTML不是编程语言，而是一种根据需要把相关信息链接起来的信息管理技术，是一种用于编写超文本的标记语言。,2.2.1 HTML文件的基本格式 格式如下： 标题部分 正文部分 ,各标记含义如下： 标签位于HTML文件最开头，告
3、诉浏览器，这个文件是HTML文件，在文件尾，用结束，提醒HTML文件结束。 标签一般放在标签后，用来标明文件的题目或定义部分。 这对标签用来定义文件的标题，浏览器通常会将文件标题显示在浏览器窗口的左上角。 这对标签一般用来指明HTML文档里主要内容，如：标题、段落、列表等。也可定义主页背景颜色。,2.2.2 文本标记 1标题元素 HTML中的标题元素使用格式： #代表1、2、3、4、5、6中一个。它支持ALIGN属性，用它可以指定排版格式，其属性值有：LEFT、RIGHT和CENTER。如果不给出ALIGN的属性值，缺省值为LEFT。,图2-2 标题元素显示效果,2FONT元素 FONT元素用
4、来设置文档的字体，通过改变其属性可以对字体进行不同的设置。其常用的属性包括：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
5、元素： BIG元素：,4分行控制 （1）分段元素P （2）换行元素BR 5分隔线HR元素,2.2.3 超链接 超链接主要通过锚点元素A来实现。A元素可以支持较多的属性，其中最重要的是HREF和NAME属性。 1HREF属性 2NAME属性,2.2.4 图片标记 1基本用法 2图像对齐与布局,2.2.5 Table 表格 主要标记： 定义表格； 定义表行； 定义表头； 定义表元； 用来给表格提供一个标题。,例2-3 食物饮料甜点/*定义表头*/ ABC /*定义表元*/ ,例2-4 列合并。 早餐菜单 食物 饮料 甜点 ABC ,例2-5 行合并。 早餐菜单 食物 A 饮料 B 甜点C ,图2-
6、4 表格应用,图2-5 表格元素应用,图2-6 表格元素应用,2.2.6 表单的概念 1表单的结构 在HTML中，Form 的标记有开始标记和结束标记，在开始标记中一般包含属性：ACTION、METHOD和ENCTYPE。 ACTION： 语法格式： METHOD： 语法格式： ENCTYPE：,2表单中常用的标记 表单中使用的主要元素包括以下3个。 INPUT： SELECT： TEXTAREA：,（1）INPUT TEXT类型 NAME： SIZE： VALUE： MAXLENGTH：, PASSWORD类型 RADIO类型 NAME： VALUE： CHECKED：, CHECKBOX类型 NAME： VALUE： CHECKED： SUBMIT类型 NAME： VALUE：, RESET 类型 HIDDEN 类型 （2）SELECT （3）TEXTAREA,3表单的处理,2.3 框 架 结 构,FRAMESET标记有两个属性ROW、COLS，分别用来说明将把浏览器窗口分成小窗口的数量和各个小窗口的大小。 COLS属性：纵向将窗口划分为若干窗框。 ROWS属性：横向将窗口划分为若干窗框。,
