图片的属性,图片链接与滚动标记

  1. 图片标记

<img 属性=“值” 属性=“值” …… />

常用属性:

         src:图片的地址    值:具体的路径

         alt:图片未显示时的描述 值:描述

 

         width:图片的宽度  值:数字

         height:图片的高度  值:数字

         若要按比例缩小或放大,只设置其中一个属性即可

 

         border:图片的边框  值:数字

 

         align:图片水平对齐位置 值:left 靠左 center 居中 right 靠右

  1. 如果直接给图片添加对齐是不起作用的,需要给图片调整位置放入div中,调整div的对齐方式
  2. 可以使用图片对齐进行图文混排的效果。

 

hspace:图片与左右的距离 值:数字

vspace:图片与上下的距离 值:数字

 

2. 图片的热点

       功能:在图片中添加可以点击的链接

       <img src=”url路径” usemap=”#图片名称”>

       <map name=”图片名称”>

              <area shape=”rect” cords=”x1,y1,x2,y2” href=”链接” target=“值”>

              <area shape=”circles=”x,y,r” href=”链接”>

              <area shape=”polyrds=”x1,y1,x2,y2,x3,y3” heaf=”链接“>

       </map>

       属性

              Shape:范围形状   

              Cords:相应的坐标

                     值:rect:矩形: 左上角和右下角坐标

                            circle:圆形:圆心坐标的半径

                            poly:多边形:各点的坐标

              herf:链接的地址 值:地址

              target:打开新链接的方式

                     值:_blank  (新窗口)

                            _self     (原窗口  默认)

                            _parent   (父窗口  和框架结合使用)

                            _top    (顶级窗口  和框架结合使用)

 

3. 滚动标记

       <marquee 属性=“值” 属性=”值”></marquee>            

       常用属性:

       directio:滚动方向 值:up, down, left, right

 

       width:滚动的宽度

       height:滚动的高度

              width与height设置的是滚动区域的大小,不是内容的大小

 

       bgcolor:背景颜色

       scrollamount:滚动的步长值,值越大,滚动越快

       scrolldelay:两步间的停留时间,单位毫秒

       loop:滚动次数   

 

 

 

猜你喜欢

转载自blog.csdn.net/someone_and_anyone/article/details/89016672