<IMG SRC=URL align=left | right | top | texttop | middle | absmiddle | baseline | bottom | absbottom>
其中left和right用以指定图像的水平位置，使图像向
左或向右对齐成为浮动图像，此时，图像下面及
可编辑ppt
4
基本教学内容
HTML基本文件结构 文本相关语法 图像相关语法 表格语法 超链接语法 表单使用方法 框架使用 样式表 脚本语言JavaScript简介 Flash简介 JavaApplet简介
可编辑ppt
5
学习重点与难点
重点：
• HTML基本语法结构 • 表格使用方法 • 表单使用方法
文档头：<HEAD>…</HEAD>
要素：
TITLE：显示窗口的标题
META：文档的最基本的元信息。除了
提供文档字符集、使用语言、作者等基本
信息外，还涉及对关键词和网页描述的设
定。 一般给浏览器或编辑人员用，不会直
接显示出来
可编辑ppt
10
HTML的基本文档结构
文档体：<BODY>…</BODY> 浏览器真正要展现的部分。 主要元素类型：
• 国际性的规范
• 纯文本格式
可编辑ppt
7
HTML的基本文档结构
<!doctype html public "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head> <title> New Document </title> <meta name="Generator“ content="EditPlus">
<P>：相关字体大小，颜色控制 行控制：
<BR> 预先格式化文本
<PRE> 它保留了空格和换行 文本块
<DIV>
可编辑ppt
16
列表控制
无序列表
<ul> <li>项目1</li> <li>项目2</li> <li>项目3</li>
</ul>
编号列表
<ol> <li>项目1</li> <li>项目2</li> <li>项目3</li>
</FONT>
可编辑ppt
14
文本类元素用法
1）空格
• 通常会将多个空格压缩为单个
• 被浏览器解释为不可压缩的字符，当 需要显示多个空格时可用到
2）字体属性控制
<FONT color=red size=6 face="宋体">字体控制 </FONT>
可编辑ppt
15
文本类元素用法
3）行与段落控制 段落控制：
</ol>
定义式列表
<DL> <DT>项目1</DT> <DD>项目1.1</DD> <DT>项目2</DD>
</DL>
可编辑ppt
17
图像控制
1）标准用法 <IMG SRC=“images/lotus.GIF” width=“80%” height=80 border=3>
2）Align用法：
侧面的文字和图像将在右侧或左侧环绕该图像。
可编辑ppt
18
图像控制
其余各选项值则是控制图像和文本的垂直相对位置。
其中：top：使图像与文本的最高点对齐； texttop：使图像与本行的最高文本对齐（通常与top效
果相同，但不完全相同）；
middle：使当前行的基准线与图像中线对齐； absmiddle：使当前行中线与图像中线对齐； baseline：使图像基准线与当前行基准线对齐； bottom：使图像底部与当前行基准线对齐； absbottom：使图像底部与当前行底部对齐。
HTML
(HyperText Markup Language)超文本标记语 言。“超”文本的含义：不限于普通文本，利 用普通文本表达多媒体信息。 。
可编辑ppt
2
Web开发技术
2开发技术综述
两条主线：
HTML—Javascript（动态网页） — CSS — flash — XML CGI — ASP — PHP — JSP—.NET
难点：
• 表格的复杂使用方法 • 利用表单与后台程序进行交互的原理及规则
可编辑ppt
6
HTML简介
概念：
HTML（HyperText Markup Language），基于HTTP协议， 在Web上以超文本方式出版本信息的国际化语言
特点：
• 非线性
• 基本单元：超文本结点
• 以链接实现不同结点间的联系
<bgsound src=" lovestory.mid" loop="infinite">
<bgsound src=" lovestory.mid" loop=“3">
可编辑ppt
13
字体与颜色
标题 <H1><H2>……<H6> <H1>这是一级标题</H1>
<Font> <FONT color=red size=6 face="宋体">字体控制
可编辑ppt
8
HTML的基本文档结构
<meta http-equiv="Content-Type" content="text/html;charset=gb2312">
</head>
<body>
<p>Hello ! Good morning !</p>
</body>
</html>
可编辑ppt
9
HTML的基本文档结构
文本
图像
表格
表单
框架
超链接 可编辑ppt
11
HTML的基本文档结构
注意：大多数元素/子元素为成对出现，许多 元素内部可包含其它元素，但各元素间不 得出现错位嵌套的情况！即如下情况绝不 允许出现！来自<tag1>
<tag2> 实际内容
</tag1>
</tag2>可编辑ppt
12
页面背景控制
<BODY bgcolor=white background =”/images/bg.jpg”>
重点理解概念
HTML Javascript、CSS JSP、.NET
可编辑ppt
3
第四章 客户端开发技术
教学目的
介绍HTML、CSS等开发技术及相应标准，并简 要介绍JavaScript等技术。重点是理解掌握基本的 HTML语法，能手工编写简单的静态页面，能看 懂较复杂的HTML页面的语法结构，为后面服务 器端开发技术的学习做准备。
Web开发技术综述
1 三大支撑技术
URL HTTP HTML
2 开发技术综述
客户端开发技术 服务器端开发技术
可编辑ppt
1
Web开发技术
1 三大支撑技术
URL HTTP
（Unified Resource Locator）统一资源标志 符，互联网上进行统一命名和定位的一种标准 机制。
（HyperText Transportation Protocol ）Web 服务器与客户进行传输信息的标准协议 。
