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

本文详细介绍了HTML中图片的属性用法,包括src、alt、width、height等,以及如何实现图片的对齐和边距控制。此外,还讲解了如何创建图片热点和链接,并介绍了滚动标记<marquee>的属性,如direction、width、height等,用于创建动态滚动效果。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

  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:滚动次数   

 

 

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值