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

1、HTML语言,1 HTML语言,1.1 HTML语言概述 HTML是（Hyper Text Markup Language，超文本标签语言）的缩写。它是 WWW（World Wide Web ）中使用的超文本标签语言。,HTML语言的重要性在于，它是所有浏览器都能识别的通用语言，是浏览器生成网页的基础。利用它可以完成以下三方面的工作： 定义在浏览器上的显示格式； 建立超链接； 集成其他多媒体软件。,HTML语言的特点是： HTML 不是程序语言，它只是一种标签语言，它只是将一些对象（如文本、图片、表格等）中加入各种各样的标签符，从而使这些对象以这些标签符所定义的形式显示出来。 任何文本编辑器都

2、可以编辑它。 需要使用Web浏览器 ，所有网页都是由浏览器对HTML解释而形成的，浏览器负责解释HTML文件各种符号的含义。 HTML语言独立于各种平台。,1.2 HTML标签的基础 1. 基本的HTML语法 所有的标签都必须用尖括号（即小于号“”）括起来。它以起始标签及结束标签将元素围住。 有少数标签允许只有起始标签没有结束标签。例如： 断行用的标签： 分段用的标签： 所有被标签包围的元素都按照标签定义的格式显示。例如： 欢迎参观本网页！,2. 标签的属性 大多数标签都拥有一些属性，设置或改变属性时，将“属性名=值”放在标签名的同一个尖括弧中，而且所有属性都放置在开始标签的尖括号内。 本段落

3、将放置在右端 3. 注释语句 注释语句的格式是： ,1.3 HTML文档的基本结构 1. HTML标签：. HTML标签是全部文档内容的容器 2. 首部标签：. 首部标签用于提供与Web页有关的各种信息。 在首部标签中，常用标签有： 和标签来指定网页的标题 和标签来定义CSS样式表 和标签来插入脚本 3. 正文标签：. 正文标签是html文档的主体，该标签中所包含的的文字、图像、动画、超链接以及其他HTML元素都将显示在客户端的浏览器中。,4. HTML文档的基本结构 表示如下： 标题文字 文本、图像、动画、HTML指令等 注： 与为独立的两个部分，不能互相嵌套。,1.4 HTML文档的编辑工

4、具,HTML文档编辑器的选择： 用的网页编辑器，像Dreamweaver、FrontPage等等，设计者可用“所见即所得”的直观方法来创建网页 。,2.超链接,1超级链接的概念： （1）超链接的含义 “超链接”是HTML语言的精华。标记语言的真正威力在于它的收集能力，将收集来的文档组合成一个完整的信息库，通过链接组织起来。,（2）超链接的形式 按照目标端点的不同，可以将超链接分为以下几种形式： 文件超链接：这种链接的目标是一个文件，当然包括各种文件，如页面文件，它可以位于当前网页所在的服务器上，此时可称为“站点内页面的链接”；也可以位于其他服务器，此时可称为“与站点外页面的链接”。 锚点超链接

5、：这种链接的目标是网页中的一个位置，通过这种链接可以从当前网页跳转到本页面或其他页面中的指定位置。 E-mail链接：通过这种链接可以启动电子邮件客户端程序（如Outlook或FoxMail等），并允许访问者向指定的地址发送邮件。 图像超链接：这种链接是在图像上建立若干个区域称为“链接区”，通过它可以跳转其他目标去。,2常见链接的创建： （1）创建锚点链接 创建锚点链接时，要在页面的某处设置一个位置标记（即所谓锚点），并给该位置指定一个名称，以便在同一页面或其他页面中引用。 第一步：生成目标片段 第二步：创建到该片段的链接,第一步：生成目标片段,在页面中为需要跳转的位置命名，即在该位置上放置一

6、个A标记并通过NAME属性为该位置指定一个名称。 例如，Section 7 也可以选择使用id属性，直接在定义标签中嵌入超链接目标。如： Section 7,第二步：创建到该片段的链接,使用带href属性的A标签来创建到片段的链接，其中href属性值为目标URL，以“”开始，以片段名结束。 例如： see Section 7 for further details. 示例：超链接.htm,（2）创建文件超链接 在HTML语言中，可以使用A标记的href属性来创建超链接，基本语法格式如下： 文本 当前文档就是源，href属性的值是目标。,标记的常用属性： HREF：该属性是必选项，用于指定超链接

7、的目标URL。 TARGET：该属性是可选项，用于指定一个窗口或框架的名称，目标文档将在该窗口或框架中打开。 “_blank”指定将链接的目标文件加载到未命名的新浏览器窗口中； “_parent”指定将链接的目标文件加载到包含链接的父框架页或窗口中； 用“_self”指定将链接的目标文件加载到链接所在的同一框架或窗口中； 用“_top”指定将链接的目标文件加载到整个浏览器窗口中，并由此删除所有框架。,（3）URL 统一资源定位，可以代表Internet网上几乎所要的资源。两种书写URL： 绝对URL：它给出目标文件的完整URL地址，包括传输协议在内。如果要链接的文件位于外部服务器上，则必须使用

8、绝对路径。,相对URL：简单的文档地址，系统会自动与“基本地址”合并成一个完整的文档地址。 基本URL一般是包含相对URL的文档的URL,也可能是 标签中指定的其他文档的URL。 如：基本URL为： 相对URL为：another-doc.html 组合成绝对URL为： another-doc.html, Click here to learn about the href property. ,一般网站设计者会把各种文档的子目录和主页放在同一个目录下。 如某个文档的绝对URL为 Special子目录下readme.txt文件的相对URL为：ftp:special/readme.txt 则实际检索时使用的URL为：http :/ 因为相对URL和当前服务器及目录之间是相对关系，可直接将整个文档集完全转移到另一个目录甚至另一台服务器中，无需改动任何一个相对链接。所以尽量用相对URL。,http URL,有两种格式： http:/server:port/path#fragment http:/server:port/path?search Web服务器的默认URL端口为80。,http文档片段,片段（fragment）是一个指向文档指定段的标识符。只能应用于HTML文档，如为其他文档类