html-第一章.pptVIP

第一章 HTML基础 主要内容 HTML简介 HTML文档结构 META HTML基本标记 标题 段落 列表 字体 特殊字符 图像 锚 HTML基本概述及其特点 超文本标记语言HTML（Hyper Text Markup Language） 一个HTML文档包含两部分内容：文档本身要描述的内容和描述内容的HTML标记。 HTML文档具有以下特点： 结构化 超文本 与平台无关 简单，易维护 B/S架构基本组成 浏览器端 服务器端 B/S架构优势 Web架构的精华有三处 用超文本技术（HTML）实现信息与信息的连接 用统一资源定位技术（URI）实现全球信息的精确定位 用新的应用层协议（HTTP）实现分布式的信息共享 HTML发布过程 Web服务器发布网页时使用的主要协议是HTTP协议 一个完整的HTTP事务由四步组成 客户与服务器建立TCP连接 客户向服务器发送请求 如果请求被接受，服务器就向客户发送响应信息，其中包括状态码和所要的文件 客户与服务器关闭连接 HTML 简介 HTML 文档示例 HTML 文档结构 HTML 标签 META 标签 http-equiv 属性可用来代替 META 标签中的 name 属性 HTML 基本元素 标题 段落 换行符 预先格式化 字符格式化 列表 水平线 字体 图像 特殊字符 超级链接 标题 段落标签 换行符 只要在文本中放入 BR / 标签，就会强制换行 Pre 标签 字符格式化标签 列表简介 列表用于按逻辑方式对数据分组 列表类型：无序列表 列表类型：有序列表 使用水平线 使用字体和属性 插入图像 插入图像 插入特殊字符 某些字符在 HTML 中具有特殊意义，如小于号 () 定义 HTML 标签的开始 字符实体用于在 HTML 文档中插入特殊字符，如版权号 ，注册商标等 插入特殊字符 创建超级链接 绝对和相对路径名 链接到同一文档的某个部分 锚记标签用于使用户“跳”到文档的某个部分 HTML 的 NAME 属性用于创建锚标记  为达到这种跳转效果，请在 HREF 参数中使用该标记 链接到同一文档的各个部分 链接到其他文档的特定位置 电子邮件链接 用户可从网页发送电子邮件 在HTML文档中插入多媒体 插入GIF动画 插入声音 插入视频 插入JAVA APPLET等 在HTML中插入Gif动画 HTML HEAD TITLE插入动画.GIF文件/TITLE /HEAD BODY H1FONT SIZE=3 COLOR=FORESTGREENB插入图像/B/FONT/H1 HR IMG SRC=coffeecup.gif ALT=冒热汽的咖啡 /BODY /HTML 添加声音 BGSOUND SRC=path\sound filename BGSOUND src=WindowsLogonSound.wav 其中 path\sound filename 为声音文件的路径和文件名 Netscape Navigator 不支持 BGSOUND 元素 添加音频/视频 要将音频或视频文件插入到 HTML 文档中，可以使用 EMBED 标记 EMBED ALIGN=CENTER WIDTH= 200 HEIGHT= 200 SRC= \path\file name AUTOSTART= TRUE 在HTML中插入声音示例 HTML HEAD TITLE插入声音/TITLE /HEAD BODY H1FONT SIZE=3 COLOR=FORESTGREENB插入声音/B/FONT/H1 HR EMBED ALIGN=CENTER WIDTH=200 HEIGHT=200 SRC=WindowsLogonSound.wav AUTOSTART=TRUE /BODY /HTML 在HTML中插入视频示例 HTML HEAD TITLEInserting a Video file/TITLE /HEAD BODY H1FONT SIZE=3 COLOR=FORESTGREEN BInserting a Video /B /FONT/H1 EMBED SRC=clock.avi HEIGHT=100 WIDTH=100 /BODY /HTML 在HTML中插入Flash HTML HEAD TITLEInserting Flash in HTML/TITLE /HEAD BODY embed id=“fsh width=“200 height=“100 src=“example.swf/embed /BODY /HTML 本章总结 HTML简介 HTML文档结构 HTML基本标