超文本标记语言(HTML).ppt

第2章 网页设计的基本描述语言HTML 2.1 HTML概述 2.2 HTML文档的构成 2.3 HTML元素 2.1 HTML概述 2.2 HTML文档的构成 注释标记!-- 2. HTML元素 2.3 HTML元素 2.3.1 文档结构 1. 文档标记HTML 2. 文档头标记 2.3.2 头部元素 1. TITLE标记 2. META标记 3. 其他标记 3. 文档体标记 文档体标记body的常用属性 2.3.3 块 1. 文本居中标记 2. 标题标记h1~h6 3 分段标记 (3)对齐属性 align 4. 换行标记 br 5. 原样显示标记pre 6. 分隔线标记hr (3) hr标记的属性 2.3.4 字符格式 1. 字体格式标记font (3) 说明 RGB色彩模式 是工业界的一种颜色标准，是通过对红(R)、绿(G)、蓝(B)三个颜色通道的变化以及它们相互之间的叠加来得到各式各样的颜色的 2. 物理字体标记 3. 上标标记sup和下标标记sub 2.3.5 图像 (2) img标记的其他常用属性 (3) 使用img标记的注意事项 绝对路径 相对路径 相对路径示例 举例 2.3.6 超链接 1. 链接的基本概念 2. 创建超链接标记a (2) 图像为超链接源,超链接标记的常用格式 3. 常见的超链接目标 (2) 链接到锚点 也叫书签链接 ,常常用于那些内容庞大繁琐的网页，通过点击命名锚点，不仅让我们能指向文档，还能指向页面里的特定段落，更能当作精准链接的便利工具，便于浏览者查看网页内容。 (3) 链接到FTP (4) 链接到E-mail 2.3.7 列表 1. 有序列表 (2) 有序列表中type属性的取值 2. 无序列表 (2) 无序列表中type属性的取值 3. 定义列表 2.3.8 表格 1. 表格标记table的常用属性 2. 行标记tr的常用属性 3. 单元格标记th和td的常用属性 4. 标题标记caption……/caption 习题： 用HTML编写一个网页，要求建立文字超链接，单击这个链接会在新窗口打开工大主页() 用HTNL编写网页，要求单击图片(/home/deco/2009/0330/logo_home.gif)会在同一个窗口中打开sina网主页() 2.3.9 表单 1. 表单标记form (2) name属性 (3) method属性 (4) action属性 2. 表单元素标记input (1)普通按钮(type=button) (2)单行文本框(type=text) (3)密码文本框(type=password) (4) 提交按钮(type=submit)  重置按钮(type=reset) (5)单选按钮(type=radio) (6)复选框(type=checkbox) 2. 表单元素标记textarea 3. 表单元素标记select/option (1) select标记中常用的属性 (2) option标记中常用的属性 习题2 2.3.10 框架(也称为帧元素) 1. 框架集标记frameset的常用属性 2. 框架标记frame的常用属性(之一) 3. 框架嵌套 4. 框架间的超链接 2.3.11 滚动字幕标记marquee(补充) marquee标记常用属性(之二) 2.3.12 多媒体技术(补充) 1. 在网页中播放背景声音 2. 利用超级链接播放音乐或影像 3. 使用embed标记播放音乐或影像 ShowTracker:为是否显示播放进度条 ShowPositionControls:为是否显示播放控制按钮如快进等 ShowAudioControls: 为控制是否显示音量按钮 ShowStatusBar: 是否显示咨询窗ShowDisplay: 为显示更完整的咨询视窗EnableContextMenu: 防止使用右键autostart：true为音乐文件上传完后自动开始播放，默认为false（否） loop：true为无限次重播，false为不重播，某一具体值（整数）为重播多少次 volume：取值范围为“0-100”，设置音量，默认为系统本身的音量 starttime：“分：秒”，设置歌曲开始播放的时间，如，starttime=“00:10”，从第10开始播放 endtime： “分：秒”，设置歌曲结束播放的时间 width：控制面板的宽 height：控制面板的高  2.3.13 其他标记 表单标记form 表单元素标记 (也称为控件) input textarea select和option ??? form 属性=属性值 ??????? 表单元素标记??? /form