前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >php学习之html的标签属性(三)

php学习之html的标签属性(三)

作者头像
吾爱乐享
发布2018-07-12 17:07:50
1.4K0
发布2018-07-12 17:07:50
举报
文章被收录于专栏:吾爱乐享

1.图片标记

语法:<img 属性=”值” 属性=”值” 属性=”值” …./>

常用属性:

  • src:图片的地址   值:具体的路径
  • alt:来代替图片不显示时的文字描述
  • width:图片的宽度   值:数字
  • height:图片的高度   值:数字

如果需要按照原图比例进行缩小或放大,只设置width、height其中一个就可以,一般都是设置width

  • border:图片的边框    值:数字
  • align:图片水平的对齐方式    值:lift、center、right

如果直接给图片添加对齐是不起作用的,

1,如果需要给图片调整位置,可以放入div标签中,调整div的对齐方式

2,可以使用图片对齐进行图文混排的效果

hspace:左右距离     值:数字

vspace:上下距离     值:数字

结果图:

2.图片的热点

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

代码语言:javascript
复制
<img src="图片地址" usemap="#图片名称">
<map name="图片名称"> 
<area shape="rect" coords="213,344,122,123" href="跳转网址" target="_baank">
<area shape="circle" coords="1213,123,123" href="跳转地址">
<area shape="poly" coords="123,123,123,123,123" href="地址">
</map>
rect:矩形    坐标:前两个代表左上角、后两个代表右下角
circle:圆    坐标:前两个圆心,最后一个代表半径
poty:多边形   坐标:每两个数字为一个点
target:打开新链接的方式   值:_blank(新窗口)、_self(当前窗口---默认)、_parent(父窗口--框架)、_top(顶级窗口---框架)
href:跳转链接地址

3.滚动标记

语法:<marquee>要滚动的元素</marquee>

常用的属性:

  • direction:滚动的方向           值:up  down   lift   right
  • width:滚动的宽度
  • height:滚动的高度
  • bgcolor:背景颜色
  • scrollamount:滚动的步长值,值越大,滚动越快
  • scrolldelay:两步之间的停留时间,以毫秒为单位
  • loop:滚动的次数

结果图:

4.多媒体标记

语法:<embed></embed>

常用的属性:

  • src:多媒体的地址           值:路径
  • width:调整多媒体的宽度  值:数字
  • height:调整多媒体高度    值:数字

可以插入视频,插入音频,插入flish,一般只用flish,视频和音频有专门的标签

您暂时无权访问此隐藏内容!

内容查看

查看价格:1 分享币

您需要先 登录后,才能购买查看隐藏内容!

郑重声明: 本站所有内容均由互联网收集整理、网友上传,仅供大家参考、学习,切勿用于商业用途。 若您需要商业运营或用于其他商业活动,请您购买正版授权并合法使用。 我们不承担任何技术及版权问题,且不对任何资源负法律责任。 如无法链接失效或侵犯版权,请给我们来信:admin@fenxiangbe.com

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2018-04-03 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 1.图片标记
  • 2.图片的热点
  • 3.滚动标记
  • 4.多媒体标记
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档