吾爱乐享
个人学习网站

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

1.图片标记

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

常用属性:

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

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

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

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

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

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

hspace:左右距离     值:数字

vspace:上下距离     值:数字

结果图:

2.图片的热点

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

<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,视频和音频有专门的标签

[erphpdown]shuxing[/erphpdown]

赞(0) 打赏
未经允许不得转载:吾爱乐享 » php学习之html的标签属性(三)

评论 抢沙发

评论前必须登录!

 

推荐免费资源共享,个人经验总结学习

联系我们联系我们

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏