网页的基本组成元素是文字, 图片, 音乐和动画.
<img> 插入图片
<img src="图片地址" alt="提示文字" width="图片宽度" height="图片高度" border="图片边框" align="图片对齐方式" hspace="图片水平距离" vspace="图片垂直距离" >
设置图片链接<a>
<a href="URL" target="目标窗口的打开方式"> <img src="图片地址"></a>
href 设置图片的链接地址URL
<img>中还可以添加其他属性,如height,hspace,border等.
<
html
>
<
head
>
<
title
>
设置图片链接
</
title
>
</
head
>
<
body
>
<
center
>
<
h2
>
设置图片链接
</
h2
>
<
hr
>
<
a
href
=19-1-8-2.html
>
<
img
src
="19-1-8-1.jpg"
alt
="单击查看下一张"
>
</
a
>
第一张图片
</
center
>
</
body
>
</
html
>
<!
实例19-1-8-2代码
>
< html >
< head >
< title > 设置图片链接 </ title >
</ head >
< body >
< center >
< h2 > 设置图片链接 </ h2 >
< hr >
< img src ="19-1-8-2.jpg" >
第二张图片
</ center >
</ body >
</ html >
设置图片热区链接:
< html >
< head >
< title > 设置图片链接 </ title >
</ head >
< body >
< center >
< h2 > 设置图片链接 </ h2 >
< hr >
< img src ="19-1-8-2.jpg" >
第二张图片
</ center >
</ body >
</ html >
<img src="图片地址" usemap="#映射图片名称">
<map name="映射图片名称">
<area shape="热区形状" coords="热区坐标" href="URL">
</map>
<img>标记用来插入图片和引用映射图片名称, 即用usemap属性来引用在<map>标记中所定义的映射图片名称, 并且要在名称前加上#号.
requ
<html>
<head>
<title>设置图片热区链接</title>
</head>
<body>
<center>
<h2>设置图片热区链接</h2>
<hr>
<img src="19-1-9.jpg" border=0 usemap=#rq>
<map name=rq>
<area shape=rect coords=60,50,100,95 href=19-1-8-2.html><br>
选择矩形热区
</map>
</center>
</body>
</html>
添加滚动文字:<marquee>滚动文字</marquee>
也可以设置文字的字体,大小和颜色等.
<
html
>
< head >
< title > 添加滚动文字 </ title >
</ head >
< body >
< center >
< h2 > 添加滚动文字 </ h2 >
</ center >
< hr >
< marquee >
< font face ="隶书" size =5 >
这里的文字是滚动的效果
</ font >
</ marquee >
</ body >
</ html >
<marquee bgcolor="背景颜色" direction="滚动方向" behavior="滚动方式" scrollamount="滚动速度" scrolldelay="滚动延迟">滚动文字</marquee>
< head >
< title > 添加滚动文字 </ title >
</ head >
< body >
< center >
< h2 > 添加滚动文字 </ h2 >
</ center >
< hr >
< marquee >
< font face ="隶书" size =5 >
这里的文字是滚动的效果
</ font >
</ marquee >
</ body >
</ html >
滚动范围: <marquee width="宽度" height="高度">滚动文字</marquee>
滚动空白空间: <marquee hspace="水平范围" vspace="垂直范围">滚动文字</marquee>
滚动循环: <marquee loop="循环次数">滚动文字</marquee>
<embed>插入多媒体文件
<embed src="多媒体文件地址" width=文件宽度 height=文件高度 autostart=true|false loop=true|false></embed>
<bgsound>添加背景音乐
<bgsound src=背景音乐地址 loop=播放次数>
无限循环播放, 设置loop=-1
bgsound
<html>
<head>
<title>添加背景音乐</title>
</head>
<style type="text/css">
<!--
body{background-repeat:no-repeat; background-position:100% 0%}
-->
</style>
<body background="19-4-1.jpg">
<center>
<font face="黑体" size=6>明月几时有</font>
</center>
<hr>
<bgsound src="明月几时有.mp3" loop=5>
<font face="隶书" size=5 color=navy>
明月几时有?把酒问青天.<br>
不知天上宫阙,今夕是何年.<br>
我欲乘风归去,又恐琼楼玉宇,<br>
高处不胜寒.<br>
起舞弄清影,何似在人间.<br>
转朱阁,低绮户,照无眠.<br>
不应有恨,何事偏向别时圆.<br>
人有悲欢离合,月有阴晴圆缺,此事古难全.<br>
但愿人长久,千里共婵娟.<br>
</font>
</body>
</html>
扫一扫
3852
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
