第三章超文本标记语言HTML.ppt

第三章 超文本标记语言HTML 第三章 超文本标记语言HTML 学习目标：通过本章的学习，使学生对HTML有一个全面的了解，能够掌握HTML文件中常用标签的作用，可以阅读一般网页的源文件,并会用HTML中常见的标签命令编写简单的网页。 学习重点：掌握HTML文件中常用标签的作用。 学习难点：能够利用HTML编写制作网页 学习方式：讲授＋多媒体演示＋上机 学习时间：12课时 §3.1 HTML基本结构 一、html简介 HTML (HyperText Markup Language) 超文本标记语言，是一种用来制作超文本文档的简单标记语言，用特殊标记(tag)来描述文档结构和表现形式。使用HTML语言描述的文件，需要通过WWW浏览器显示出效果。 HTML开发工具：记事本、FrontPage、Dreamweaver等。 HTML文件的扩展名：htm，html。 二、HTML的基本结构 三、HTML标签 §3.2 常用的HTML标签命令 一、BODY标签用来定义文档主体 语法格式： Body Bgcolor=“?” Background=“?” Text=“?” Leftmargin=“?” Topmargin=“?” Link=“?” Alink=“?” Vlink=“?” ……　(其他页面元素)　　…… /Body 二、页面布局与文字设计 1、标题 2、换行 3、段落 4、水平线 长度单位 5、文字的大小设置 6、文字的字体 字体样式 7、文字颜色 8、位置控制 9、预格式化标签 综合实例 10、字幕 11、列表 定义性列表 12、Html特殊字符 三、表格 1、表格的标题 2、表格的尺寸 3、边框尺寸 4、格间线宽度 5、内容与格线之间的宽度 6、表格内文字的对齐/布局 6、表格内文字的对齐/布局 7、跨多行、多列的表元 7、跨多行、多列的表元 8、表格的颜色 综合实例 表格标题 四、文件间的链接 1、本地链接 2、URL链接 3、目录链接 4、邮件链接 五、多媒体效果 1、插入图片 2、插入音乐 3、插入视频 1、插入图片 图形按钮 2、插入音乐 3、插入视频 六、框架 框架语法 框架的嵌套 FrameSet标签 FrameSet标签的属性 Rows、Cols属性 Rows、Cols属性 Rows、Cols属性 Frame标签 Frame标签的属性 各窗口间的相互操作 各窗口间的相互操作 例如 七、表单 表单体标签 表单体属性 各种表单对象 文本框 单选按钮 复选框 按钮 列表框 跳转菜单 文件域 3.3 综合制作实例 本章习题 根据下列要求在记事本中用HTML代码设计 一网页，并把后缀名改为.htm或.html结尾的网页。 1.htm 新建一个网页，网页标题保存为“主页” 1）文本超连接 连接到“表格”页面 2）图片超连接 插入一副图片连接到“图片”页面 3）邮件超连接 输入自己的邮箱进行连接 2.htm 新建一个网页，网页标题保存为“表格”。 1)在网页中插入6行2列的表格，背景颜色设为淡蓝色 2)把第1行的两列合并，然后再把第6行的两列合并，在合并后的第1行写入自我介绍，要求居中对齐 3)在左边4列中依次输入姓名，性别，爱好和学习这门课的体会以及意见 4）在合并后的第6行输入联系方式。（E－mail） 5）表格下面加入“返回“然后加上超连接返回到主页。 3.htm 新建一个网页，网页标题保存为“图片” 1）设置网页的背景颜色为粉红色，然后再插入背景音乐 2）网页的标题为我的图片，然后在网页中插入一幅图片，要求居中对齐 3）要图片下面加入“返回“然后加上超连接返回到主页。 两个框架边界之间保留空白的距离 Framespacing 框架边框 Frameborder 横向分割窗口 Rows 垂直分割窗口 Cols 例：frameset cols=100,200,300 frameset rows=10%,20%,70% Rows=“ 100 , * ” 100 668 1024 frameset cols=100,*,* 　　 将100像素以外的窗口平均分配frameset cols=*,*,* 　　　 将窗口分为三等份 语法格式： Frame Name=“?” SRC=“URL” Scrolling=“YES|NO|AUTO” NoResize ……