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

,单击此处编辑母版标题样式,单击此处编辑母版文本样式,第二级,第三级,第四级,第五级,*,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,语法,所有的标签都必须用尖括号（即小于号,“,”,）括起来。它以起始标签及结束标签将元素围住。,有少数标签允许只有起始标签没有结束标签。例如：,断行用的标签：,分段用的标签：,所有被标签包围的元素都按照标签定义的格式显示。例如：,欢迎参观本网页！,2.,标签的属性,大多数标签都拥有一些属性，设置或改变属性时，将,“,属性名,=,值,”,放在标签名的同一个尖括弧中，而且所有属性都放置在开始标签的尖括号内。,本段落将放置在右端,3.,注释语句,注释语句的格式是：,1.3 HTML,文档的基本结构,1.HTML,标签：,.,HTML,标签是全部文档内容的容器,2.,首部标签：,.,首部标签用于提供与,Web,页有关的各种信息。,在首部标签中，常用标签有：,和,标签来指定网页的标题,和,标签来定义,CSS,样式表,和,标签来插入脚本,3.,正文标签：,.,正文标签是,html,文档的主体，该标签中所包含的的文字、图像、动画、超链接以及其他,HTML,元素都将显示在客户端的浏览器中。,4.HTML,文档的基本结构,表示如下：,标题文字,文本、图像、动画、,HTML,指令等,注：,与,为独立的两个部分，不能互相嵌套。,1.4 HTML,文档的编辑工具,HTML,文档编辑器的选择：,用的网页编辑器，像,Dreamweaver,、,FrontPage,等等，设计者可用,“,所见即所得,”,的直观方法来创建网页。,2.,超链接,1,超级链接的概念：,（,1,）超链接的含义,“,超链接,”,是,HTML,语言的精华。标记语言的真正威力在于它的收集能力，将收集来的文档组合成一个完整的信息库，通过链接组织起来。,（,2,）超链接的形式,按照目标端点的不同，可以将超链接分为以下几种形式：,文件超链接：这种链接的目标是一个文件，当然包括各种文件，如页面文件，它可以位于当前网页所在的服务器上，此时可称为,“,站点内页面的链接,”,；也可以位于其他服务器，此时可称为,“,与站点外页面的链接,”,。,锚点超链接：这种链接的目标是网页中的一个位置，通过这种链接可以从当前网页跳转到本页面或其他页面中的指定位置。,E-mail,链接：通过这种链接可以启动电子邮件客户端程序（如,Outlook,或,FoxMail,等），并允许访问者向指定的地址发送邮件。,图像超链接：这种链接是在图像上建立若干个区域称为,“,链接区,”,，通过它可以跳转其他目标去。,2,常见链接的创建：,（,1,）创建锚点链接,创建锚点链接时，要在页面的某处设置一个位置标记（即所谓锚点），并给该位置指定一个名称，以便在同一页面或其他页面中引用。,第一步：生成目标片段,第二步：创建到该片段的链接,第一步：生成目标片段,在页面中为需要跳转的位置命名，即在该位置上放置一个,A,标记并通过,NAME,属性为该位置指定一个名称。,例如，,Section 7,也可以选择使用,id,属性，直接在定义标签中嵌入超链接目标。如：,Section 7,第二步：创建到该片段的链接,使用带,href,属性的,A,标签来创建到片段的链接，其中,href,属性值为目标,URL,，以,“,”,开始，以片段名结束。,例如：,see Section 7 for further details.,示例：超链接,.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,为：,here to learn about the href property.,一般网站设计者会把各种文档的子目录和主页放在同一个目录下。,如某个文档的绝对,URL,为,:/URL,有两种格式：,server:port/path#fragment,server:port/path?search,Web,服务器的默认,URL,端口为,80,。,http,文档片段,片段（,fragment,）是一个指向文档指定段的标识符。只能应用于,HTML,文档，如为其他文档类型，则浏览器可能会曲解片段名。,对于长文档来说，片段非常有用。,建议在文档中每一部分的头部都添加一个具有相同意义的片段名，如,top,。,片段可以帮助更轻松的构建文档的目录。,