补充1：HTML语言与常用标签.ppt

HTML语言 1HTML语言 1 1HTML语言概述HTML是 HyperTextMarkupLanguage 超文本标签语言 的缩写 它是WWW WorldWideWeb 中使用的超文本标签语言 HTML语言的重要性在于 它是所有浏览器都能识别的通用语言 是浏览器生成网页的基础 利用它可以完成以下三方面的工作 定义在浏览器上的显示格式 建立超链接 集成其他多媒体软件 HTML语言的特点是 HTML不是程序语言 它只是一种标签语言 它只是将一些对象 如文本 图片 表格等 中加入各种各样的标签符 从而使这些对象以这些标签符所定义的形式显示出来 任何文本编辑器都可以编辑它 需要使用Web浏览器 所有网页都是由浏览器对HTML解释而形成的 浏览器负责解释HTML文件各种符号的含义 HTML语言独立于各种平台 1 2HTML标签的基础1 基本的HTML语法所有的标签都必须用尖括号 即小于号 括起来 它以起始标签及结束标签将元素围住 有少数标签允许只有起始标签没有结束标签 例如 断行用的标签 分段用的标签 所有被标签包围的元素都按照标签定义的格式显示 例如 欢迎参观本网页 2 标签的属性大多数标签都拥有一些属性 设置或改变属性时 将 属性名 值 放在标签名的同一个尖括弧中 而且所有属性都放置在开始标签的尖括号内 本段落将放置在右端3 注释语句注释语句的格式是 1 3HTML文档的基本结构1 HTML标签 HTML标签是全部文档内容的容器2 首部标签 首部标签用于提供与Web页有关的各种信息 在首部标签中 常用标签有 和标签来指定网页的标题和标签来定义CSS样式表和标签来插入脚本3 正文标签 正文标签是html文档的主体 该标签中所包含的的文字 图像 动画 超链接以及其他HTML元素都将显示在客户端的浏览器中 4 HTML文档的基本结构表示如下 标题文字文本 图像 动画 HTML指令等注 与为独立的两个部分 不能互相嵌套 1 4HTML文档的编辑工具 HTML文档编辑器的选择 用的网页编辑器 像Dreamweaver FrontPage等等 设计者可用 所见即所得 的直观方法来创建网页 2 超链接 1 超级链接的概念 1 超链接的含义 超链接 是HTML语言的精华 标记语言的真正威力在于它的收集能力 将收集来的文档组合成一个完整的信息库 通过链接组织起来 2 超链接的形式按照目标端点的不同 可以将超链接分为以下几种形式 文件超链接 这种链接的目标是一个文件 当然包括各种文件 如页面文件 它可以位于当前网页所在的服务器上 此时可称为 站点内页面的链接 也可以位于其他服务器 此时可称为 与站点外页面的链接 锚点超链接 这种链接的目标是网页中的一个位置 通过这种链接可以从当前网页跳转到本页面或其他页面中的指定位置 E mail链接 通过这种链接可以启动电子邮件客户端程序 如Outlook或FoxMail等 并允许访问者向指定的地址发送邮件 图像超链接 这种链接是在图像上建立若干个区域称为 链接区 通过它可以跳转其他目标去 2 常见链接的创建 1 创建锚点链接创建锚点链接时 要在页面的某处设置一个位置标记 即所谓锚点 并给该位置指定一个名称 以便在同一页面或其他页面中引用 第一步 生成目标片段第二步 创建到该片段的链接 第一步 生成目标片段 在页面中为需要跳转的位置命名 即在该位置上放置一个A标记并通过NAME属性为该位置指定一个名称 例如 Section7 也可以选择使用id属性 直接在定义标签中嵌入超链接目标 如 Section7 第二步 创建到该片段的链接 使用带href属性的A标签来创建到片段的链接 其中href属性值为目标URL 以 开始 以片段名结束 例如 seeSection7forfurtherdetails 示例 超链接 htm 2 创建文件超链接在HTML语言中 可以使用A标记的href属性来创建超链接 基本语法格式如下 文本当前文档就是源 href属性的值是目标 标记的常用属性 HREF 该属性是必选项 用于指定超链接的目标URL TARGET 该属性是可选项 用于指定一个窗口或框架的名称 目标文档将在该窗口或框架中打开 blank 指定将链接的目标文件加载到未命名的新浏览器窗口中 parent 指定将链接的目标文件加载到包含链接的父框架页或窗口中 用 self 指定将链接的目标文件加载到链接所在的同一框架或窗口中 用 top 指定将链接的目标文件加载到整个浏览器窗口中 并由此删除所有框架 3 URL统一资源定位 可以代表Internet网上几乎所要的资源 两种书写URL 绝对URL 它给出目标文件的完整URL地址 包括传输协议在内 如果要链接的文件位于外部服务器上 则必须使用绝对路径 相对URL 简单的文档地址 系统会自动与 基本地址 合并成一个完整的文档地址 基本URL一般是包含相对URL的文档的URL 也可能是标签中指定的其他文档的URL 如 基本URL为 相对URL为 another doc html组合成绝对URL为 Clickheretolearnaboutthehrefproperty 一般网站设计者会把各种文档的子目录和主页放在同一个目录下 如某个文档的绝对URL为 httpURL 有两种格式 http server port path fragmenthttp server port path searchWeb服务器的默认URL端口为80 http文档片段 片段 fragment 是一个指向文档指定段的标识符 只能应用于HTML文档 如为其他文档类型 则浏览器可能