首页 理论教育 DreamweaverCS5教程:其他标签应用和说明

DreamweaverCS5教程:其他标签应用和说明

时间:2023-11-06 理论教育 版权反馈
【摘要】:标签是封闭性标签,其起止标签之间的内容即为锚标。其可能的取值与rel属性相同。表示把文档和一个CSS文档连接起来,在网页中应用css.css文件作为其外部样式。

DreamweaverCS5教程:其他标签应用和说明

1.<img>标签

图像可以使页面更加生动美观、富有生机。在HTML文档中插入图像通过<img>标签实现,该标签除src属性是不可缺省的以外,其他属性均为可选项。其属性如下所示:

●src:用于指定要插入图像的地址和名称。

●alt:用于设置当图像无法显示时的替换文本,或载入图像后,将鼠标移到图像

上时显示的提示文本。

●align:用于设置图像和页面其他对象的对齐方式,取值可以是top,middle和bottom。

●border:用于设置图像的边框厚度,以像素为单位。

●vspace:用于设置图像与其他图像或页面对象的垂直边距,以像素为单位。

●hspace:用于设置图像与其他图像或页面对象的水平边距,以像素为单位。

●width和height:用于设置图片的宽度和高度。

使用示例:

<img>标签还可用于在网页中插入影像片断,例如:

<img src="url.gif"dynsrc="url.avi">

➢ Dynsrc:设置播放视频的AVI文件。例如上面的语句使用url.avi文件来播放。

➢ Src:指定作为视频的封面的图片。例如上面的语句指定用url.gif,即:在浏览器尚未完全读入AVI文件时,先在AVI播放区域显示url.gif。

➢ Start:设置何时开始播放AVI。其值为fileopen,mouseover,且默认值是 #=fileopen,即在链接到含本标签的页面时开始播放AVI;而mouseover是指当把鼠标移到AVI播放区域之上时才开始播放AVI,例如:

用户也可以同时设置两者,例如:<img start=fileopen,mouseover>。

➢ Controls:用于在视频窗口下附加MS-WINDOWS的AVI播放控制条。 例如:978-7-111-34315-8-Chapter06-42.jpg

➢ Loop:设置循环播放。 例如:978-7-111-34315-8-Chapter06-43.jpg>表示循环播放3次。

2.<a>标签

文档的不同位置之间跳转。HTML是通过链接标签<a>实现超链接的。<a>标签是封闭性标签,其起止标签之间的内容即为锚标。<a>标签有两个不能同时使用的属性href和name,此外还有target属性等,分别介绍如下:

●href:用于指定目标文件的URL地址或页内锚点。

当超级链接的一个起点要链接到锚点时,应采用如下的格式:

<a herf="#…">…</a>。herf属性值的#号后的省略号为命名锚点的名字。

●<a>标签使用此属性后,在浏览器中单击锚标,页面将跳转到指定的页面或本页中指定的锚点位置。例如:

<a href="url">点击这里</a><br>

表示当单击链接文本“点击这里”时,会打开url所指向的文件页面。978-7-111-34315-8-Chapter06-44.jpg锚点</a>

表示当点击链接起点文字“锚点”时,将会打开http://www.tom.com/abc/002.htm文件,并定位到该页面中命名为abc锚点的特定位置。

●name:用于标识一个目标,该目标终点是一个文件中指明的特定的地方。这种链

接的终点就称为命名锚点。

●例如:<a name="name">text</a>

●target:用于设定打开新页面所在的目标窗口。如果当前页面使用了框架技术,

还可以把target设置为框架名。

例如:978-7-111-34315-8-Chapter06-45.jpg>锚点链接</a>表示当点击链接起点文字“锚点链接”时,将链接的页面在名为main的框架中打开。

3.<meta>标签(www.xing528.com)

<meta>标签是实现元数据的主要标签,它能够提供文档的关键字、作者、描述等多种信息,在HTML的头部可以包括任意数量的<meta>标签。<meta>标签是非成对使用的标签,它的参数介绍如下:

●name:用于定义一个元数据属性的名称。

●content:用于定义元数据的属性值。

●scheme:用于解释元数据属性值的机制。

●http-equiv:可以用于替代name属性,HTTP服务器可以使用该属性来从HTTP响应头部收集信息。

●charset:用于定义文档的字符解码方式。使用示例:

4.<link>标签

<link>标签也称作外部样式表,它是把CSS写到一个扩展名为CSS的文件中,主要用于多个页面排版风格的统一控制,避免单个页面重复地设置CSS样式。<link>是一个非封闭性标签,只能在<head>…</head>中使用。

<link>标签定义了文档之间的包含。在HTML的头部可以包含任意数量的<link>标签。<link>标签带有很多参数,下面介绍的是一些常用的参数:

●href:用于设置链接资源所在的URL。

●title:用于描述链接关系的字符串。

●rel:用于定义文档和所链接资源的链接关系,可能的取值有Alternate,Stylesheet,Start,Next,Prev,Contents,Index,Glossary,Copyright,Chapter,Section,Subsection,Appendix,Help和Bookmark等。如果希望指定不止一个链接关系,可以在这些值之间用空格隔开。

●rev:用于定义文档和所链接资源之间的反向关系。其可能的取值与rel属性相同。

例如,978-7-111-34315-8-Chapter06-47.jpg,表示将浏览器地址栏里面的e图标替换为href属性指向的图标,当收藏该页时候,收藏夹里的图片也将随之改变。978-7-111-34315-8-Chapter06-48.jpg表示把文档和一个CSS文档连接起来,在网页中应用css.css文件作为其外部样式。

5.<base>标签

<base>标签是一个非封闭性的基链接标签,定义文档的基础URL地址。在文档中所有的相对地址形式的URL都是相对于这里定义的URL而言的。一篇文档中的<base>标签不能多于一个,必须定义于标签<head>与</head>之间,并且应该在任何包含URL地址的语句之前。<base>标签的属性简要介绍如下:

●href:指定了文档的基础URL地址。该属性在<base>标签中是必须存在的。

●target:target属性同框架一起使用,它定义了当文档中的链接被点击后,在哪一个框架集中展开页面。如果文档中超级链接没有明确指定展开页面的目标框架集,则使用这里定义的地址代替。

例如,如果在HTML文档的头部定义了978-7-111-34315-8-Chapter06-49.jpg978-7-111-34315-8-Chapter06-50.jpg,则单击链接978-7-111-34315-8-Chapter06-51.jpg978-7-111-34315-8-Chapter06-52.jpg>,将打开http://www.microsoft.com/doc ument.html文件,也就是在相对路径的文件前加上基链接指向的地址。如果目标文件中的链接没有指定target属性,就用base标签中的target属性。

6.<bgsound>标签

<bgsound>标签是用于在网页中添加背景音乐。其常用到两个属性src属性和loop属性。其中,src属性用于设置所加载的背景音乐的URL地址;loop属性用于设置背景音乐播放的循环次数,当其属性值设置为-1时表示背景无限制循环播放,至到页面被关闭。

例如,978-7-111-34315-8-Chapter06-53.jpg表示添加网页相同目录下的sound.wav文件作为背景音乐,并设置循环播放次数为3次。

7.<style>标签

<style>…</style>标签用于在网页当前文档中创建样式,也叫嵌入样式表,它把CSS直接写入到HTML的head部分,这是CSS最为典型的使用方法。

在<style>标签中可以创建多个不同的命名样式。文档内容可以直接运用这些定义好的样式。例如:

在上面的代码中,<style>标签定义了5个样式。分别用于设置页面背景图像、未访问过的链接颜色、已访问过的链接颜色、当前链接和活动链接颜色。如果要在文本中应用上述样式,可以在文字修饰标签中应用class属性和属性值。例如:

<font class=a:active>我的主页</font>

8.<marquee>字幕标签 <marquee>...</marquee>标签用于在页面中设置滚动字幕。其常用的属性如下:

➢ direction:用于设置字幕的滚动方向,属性值可设置为left和right。

➢ behaviorscroll:用于设置字幕的滚动方式,属性值可设置为slide、alternate。

➢loop:用于设置字幕的滚动时的循环次数,属性值可设置为整数,若未指定则循环不止(infinite)。

➢ scrollamount:用于设置字幕滚动的速度,属性值为整数。

➢ scrolldelay:用于设置字幕滚动的延迟时间,属性值为整数。

例如:978-7-111-34315-8-Chapter06-55.jpg刚刚风无意吹起!</marquee>

免责声明:以上内容源自网络,版权归原作者所有,如有侵犯您的原创版权请告知,我们将尽快删除相关内容。

我要反馈