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

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

内容查看

查看价格:1 分享币

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

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

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏小狼的世界

IE6下实现Width:auto

看了这个题目,很多人肯定觉得有点太老土了,IE6都快到末路了,不过这个方法确实非常经典,我觉得很有必要记下一笔。

9020
来自专栏前端杂货铺

position:sticky的兼容性尝试

开篇 笔者刚刚结束淘宝的工作,现在加入了一家有青春活力的垂直电商公司,正对着阿里巴巴的西溪园区,最近一直在熟悉新的工作环境和规范,因此博客有好些时间没有更新了,...

82790
来自专栏武军超python专栏

2018年9月3日初识HTML超文本标记语言

javascript原名livescript,简称(js),因为当时公司和sun公司合作,为了营销考虑,让它看起来更像当时 特别火热的java,所以更名为ja...

17310
来自专栏web前端

Vuejs --01 起步

一、是什么      1、是一套构建用户界面的渐进式框架,Vue采用自底向上增量开发的设计           1.1     解释:框架譬如angular,是...

23450
来自专栏青玉伏案

iOS开发之虾米音乐频道选择切换效果分析与实现

今天博客的内容比较简单,就是看一下虾米音乐首页中频道选择的一个动画效果的实现。之前用mask写过另外一种Tab切换的一种效果,网易云音乐里边的一种Tab切换效果...

28330
来自专栏Modeng的专栏

Vue一个案例引发「动画」的使用总结

项目开发中动画有着很重要的作用,而且也是用到的地方非常多,例如:鼠标的进入离开,弹窗效果,组件的显示隐藏,列表的切换等等,可以说我们网页上的动画无处不在,也有人...

17230
来自专栏HTML5学堂

CSS选择器优先级

HTML5学堂:CSS优先级所谓优先级是指CSS样式在浏览器中被解析的先后顺序。 CSS选择器的优先级:id > class > tagname。具体我们来看看...

31230
来自专栏肖蕾的博客

解决安卓中XML文件声明高度 宽度无效的问题

11830
来自专栏前端开发之路

前端系列教学 - HTML基础

作为还在慢慢前端学习路上的一位自学者。我以写教程文章的方式来整理自己对于知识的理解,同时也希望能够把自己的理解作为一个分享。希望能够和大家共同进步,如有任何纰漏...

1.2K110
来自专栏GopherCoder

Django:web框架的学习(4:番外篇)

14030

扫码关注云+社区

领取腾讯云代金券