zoukankan      html  css  js  c++  java
  • 图片和多媒体的使用


    网页的基本组成元素是文字, 图片, 音乐和动画.

    <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>
    <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>
    设置图片热区链接:
    <img src="图片地址" usemap="#映射图片名称">
    <map name="映射图片名称">
    <area shape="热区形状" coords="热区坐标" href="URL">
    </map>
    <img>标记用来插入图片和引用映射图片名称, 即用usemap属性来引用在<map>标记中所定义的映射图片名称, 并且要在名称前加上#号.
    requ
    滚动文字:
    添加滚动文字:<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>
    滚动范围: <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

  • 相关阅读:
    String的equals和hashCode方法
    查看oracle中表的索引
    初识RESTful
    linux安装字体库(simSun为例)
    排序之快排(JS)
    面向对象的三个基本特征 和 五种设计原则
    排序之希尔排序(JS)
    关于正则表达式
    Oracle 表分区介绍与使用
    一个复杂关联的sql
  • 原文地址:https://www.cnblogs.com/niuniu1985/p/1572512.html
Copyright © 2011-2022 走看看