HTML之图片

iframe框架的创建与使用


<iframe>标签 网页中的框架,在这个框架中可以嵌入一个网页,可以设置框架的大小。

属性:height :设置iframe框架的高度

width :设置iframe框架的宽度

frameborder :设置是否显示框架的边框 1->显示边框 0->不显示边框

longdesc="url" :关联一个页面,这个页面是iframe内容的详细描述

name :设置iframe的名称

scrolling="yes"/"no"/"auto" :iframe框架是否可以显示滚动条

sandbox :限制框架内容

sandbox="allow-forms" 允许iframe框架中的表单的提交

sandbox="allow-scripts" 允许iframe框架中使用js脚本访问服务器内容等

sandbox="allow-top-navigation" 允许iframe框架内容是由包含它的html文档导航得来的

sandbox="allow-same-origin" 允许iframe框架的内容来源与包含他得html文档相同

sandbox="" 表示以上四种情况全部受到限制


嵌入文件学习


<embed>在html文档中嵌入内容。如嵌入视频、插件等。

<embedsrc="http://html-basic-images.qiniudn.com/Taylor.Swift%5BLove.Story%5D.mp4"/>

<object>在html文档中嵌入内容。

<objectdata="http://html-basic-images.qiniudn.com/Taylor.Swift%5BLove.Story%5D.mp4"/>

使用<object>标签加载图片:

<object data="http://ts1.mm.bing.net/th?id=HN.607988484064152362&pid=1.7"/>

进度条展示:

<meterid="mymeter"value="90"min="10"max="100"low="40"high="80"optimum="60"></meter>

关于<meterid>属性值

value=”90” 表示当前的测量值为90

high=”80” 表示正常适合范围的最大值

low=”40” 表示正常适合范围的最小值

min=”10” 表示可以展示的最小测量值

max=”100” 表示可以展示最大测量值

optimum=”60” 表示最标准的值

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • HTML标签解释大全 一、HTML标记 标签:!DOCTYPE 说明:指定了 HTML 文档遵循的文档类型定义(D...
    米塔塔阅读 3,360评论 1 41
  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 135,099评论 19 139
  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 173,964评论 25 709
  • (*˘︶˘*).。.:* 有时候遇见一个人 一分钟 就像过了一生。 ✧٩(ˊωˋ*)و✧ 一辈子刚好 爱你就足够了。
    轻檀Sama阅读 157评论 0 0
  • 日本映画网站近日公开了2014年日本电影的票房情况,其中真人版《浪客剑心》、《名侦探柯南》、《哆啦a梦》都获得了出...
    Natsu阅读 1,242评论 1 13