超文本标记语言.pptVIP

第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 P45 (1)普通按钮(type=button) (2) 提交按钮(type=submit)  重置按钮(type=reset) (3)单行文本框(type=text) (4)密码文本框(type=password) (5)单选按钮(type=radio) (6)复选框(type=checkbox) 3. 表单元素标记textarea 4. 表单元素标记select/option (1) select标记中常用的属性 (2) option标记中常用的属性 2.3.10 框架(也称为帧元素 P54) 1. 框架集标记frameset的常用属性 2. 框架标记frame的常用属性(之一) 3. 框架嵌套 4. 框架间的超链接 2.3.11 滚动字幕标记marquee(补充) marquee标记常用属性(之二) 2.3.12 多媒体技术(补充) 1. 在网页中播放背景声音 2. 利用超级链接播放音乐或影像 3. 使用embed标记播放音乐或影像 2.3.13 其他标记 表单标记form 表单元素标记 (也称为控件) input textarea select和option ??? form 属性=属性值 ??????? 表单元素标记??? /form ??? form 属性=属性值 ??????? 表单元素标记??? /form (1) 格式: 常用属性: action method name等 表单元素标记: input textarea select name属性: 为表单指定一个名称. 网页上的其他对象或JavaScript代码可以通过该名称访问表单和表单中的各个表单控件. method属性: 用于指定表单提交时数据的传送方式. 取值如下: get: 将表单数据放在HTTP头中, 作为URL的参数传递, 因而数据量不能太大. post: 将表单数据放在HTTP正文中传送, 可以传送较大量的数据(常用). action属性: 用于指定表单所要提交到的URL，一般是一个动态网页，如CGI、ASP、JSP或PHP的网页。 例: form action= abc.asp method=post name=form1 …… /f