补充1︰HTML语言与常用标签.pptVIP

HTML语言 1 HTML语言 1.1 HTML语言概述 HTML是（Hyper Text Markup Language，超文本标签语言）的缩写。它是 WWW（World Wide Web ）中使用的超文本标签语言。 HTML语言的重要性在于，它是所有浏览器都能识别的通用语言，是浏览器生成网页的基础。利用它可以完成以下三方面的工作： 定义在浏览器上的显示格式； 建立超链接； 集成其他多媒体软件。 HTML语言的特点是： HTML 不是程序语言，它只是一种标签语言，它只是将一些对象（如文本、图片、表格等）中加入各种各样的标签符，从而使这些对象以这些标签符所定义的形式显示出来。 任何文本编辑器都可以编辑它。 需要使用Web浏览器 ，所有网页都是由浏览器对HTML解释而形成的，浏览器负责解释HTML文件各种符号的含义。 HTML语言独立于各种平台。 1.2 HTML标签的基础 1. 基本的HTML语法 所有的标签都必须用尖括号（即小于号“”和大于号“”）括起来。它以起始标签及结束标签将元素围住。 有少数标签允许只有起始标签没有结束标签。例如： 断行用的标签：br 分段用的标签：p 所有被标签包围的元素都按照标签定义的格式显示。例如： h2欢迎参观本网页！/h2 2. 标签的属性 大多数标签都拥有一些属性，设置或改变属性时，将“属性名=值”放在标签名的同一个尖括弧中，而且所有属性都放置在开始标签的尖括号内。 p align = “center”本段落将放置在右端 /p 3. 注释语句 注释语句的格式是： !——注释语句— — 1.3 HTML文档的基本结构 1. HTML标签：HTML.../HTML HTML标签是全部文档内容的容器 2. 首部标签：HEAD.../HEAD 首部标签用于提供与Web页有关的各种信息。 在首部标签中，常用标签有： TITLE和/TITLE标签来指定网页的标题 STYLE和/STYLE标签来定义CSS样式表 SCRIPT和/SCRIPT标签来插入脚本 3. 正文标签：BODY.../BODY 正文标签是html文档的主体，该标签中所包含的的文字、图像、动画、超链接以及其他HTML元素都将显示在客户端的浏览器中。 4. HTML文档的基本结构 表示如下： HTML HEAD TITLE标题文字/TITLE HEAD BODY 文本、图像、动画、HTML指令等 /BODY /HTML 注： HEAD与BODY为独立的两个部分，不能互相嵌套。 1.4 HTML文档的编辑工具 HTML文档编辑器的选择： 用的网页编辑器，像Dreamweaver、FrontPage等等，设计者可用“所见即所得”的直观方法来创建网页 。 2. 超链接 1．超级链接的概念： （1）超链接的含义 “超链接”是HTML语言的精华。标记语言的真正威力在于它的收集能力，将收集来的文档组合成一个完整的信息库，通过链接组织起来。 （2）超链接的形式 按照目标端点的不同，可以将超链接分为以下几种形式： 文件超链接：这种链接的目标是一个文件，当然包括各种文件，如页面文件，它可以位于当前网页所在的服务器上，此时可称为“站点内页面的链接”；也可以位于其他服务器，此时可称为“与站点外页面的链接”。 锚点超链接：这种链接的目标是网页中的一个位置，通过这种链接可以从当前网页跳转到本页面或其他页面中的指定位置。 E-mail链接：通过这种链接可以启动电子邮件客户端程序（如Outlook或FoxMail等），并允许访问者向指定的地址发送邮件。 图像超链接：这种链接是在图像上建立若干个区域称为“链接区”，通过它可以跳转其他目标去。 2．常见链接的创建： （1）创建锚点链接 创建锚点链接时，要在页面的某处设置一个位置标记（即所谓锚点），并给该位置指定一个名称，以便在同一页面或其他页面中引用。 第一步：生成目标片段 第二步：创建到该片段的链接 第一步：生成目标片段 在页面中为需要跳转的位置命名，即在该位置上放置一个A标记并通过NAME属性为该位置指定一个名称。 例如，h3a name=“section 7”Section 7/a/h3 也可以选择使用id属性，直接在定义标签中嵌入超链接目标。如： h3 id=“section 7”Section 7/h3 第二步：创建到该片段的链接 使用带href属性的A标签来创建到片段的链接，其中href属性值为目标URL，以“＃”开始，以片段名结束。 例如： see a href=“index.html#Section 7”Section 7/a for further details. 示例：超链接.htm