码迷,mamicode.com
首页 > 其他好文 > 详细

其他标签及框架集

时间:2017-06-08 11:58:47      阅读:126      评论:0      收藏:0      [点我收藏+]

标签:标签   ==   microsoft   img   代码   ros   视频   子页面   size   

今天学习了其他一些标签以及框架集。

<marquee> ... </marquee>

1     <marquee direction="down" height="300" behavior="scroll" loop="2" scrollamount="12" scrolldelay="12" bgcolor="#666666">
2         <img width="100" src="../../动态壁纸/壁纸2/preview.jpg" />
3     </marquee>

移动效果

包含在<marquee></marquee>内的标签移动。内容可以是文字,也可以是图片等。应用较少。

<marquee>主要属性有:

  direction:控制滚动的方向,down向下,up向上,left向左,righ向右

  其他属性:

  height:滚动区域高度,并不是图片高度,图片高度需要在img中设置

  width:宽度,同上

  behavior:滚动方式,scroll一圈一圈绕着走,slid只有一次,alternate来回滚动

  loop:滚动的次数

  scrollamount:滚动的速度

  scrolldelay:滚动的延时

  bgcolor:背景色

<hr>

  单标签,用于显示一条分隔线

<mark></mark>

  标记文字,内容会有黄色背景,用作突出文本显示

网页里嵌入视频

  可以直接通过网站的分享功能复制代码到代码中

<iframe height=498 width=510 src=‘http://player.youku.com/embed/XMjc4NzQ2OTg3Ng==‘ frameborder=0 ‘allowfullscreen‘></iframe>

框架集

<framset></framset>

  使用<framest>当前页面不能有<body>,<framset>在HTML5已经弃用

<frameset rows="30%,*">
    <frame src="../0527/060603用户注册表.html" />
        <frameset cols="30%,*" noresize="noresize">
            <frame src="../0528/布局.html" />
            <frame src="../0529/JS 测试2.html">
        </frameset>
</frameset>

  在<framest>中用cols或者rows来进行分割,然后用单标签<frame>写入地址。

  <framest>标签也可以互相嵌套来进行分割。主要属性有:

  cols: 左右拆分

  rows: 上下拆分

  frameborder: 控制边框,no无边框

<frame>

在框架集里面插入的网页

  src:要显示网页的地址

  scrolling:子页面的滚动条

  noresize="noresize":无法调整框架的大小

<iframe></iframe>

<iframe src="../0527/060603用户注册表.html" frameborder="1" scrolling="no" width="200" height="100">这是iframe中的不会显示文字</iframe>

  width:宽度

  height:高度

  src:网页的地址

  scrolling:滚动条

  frameborder:框架边框

可以设置height和width为0,使用户看不到来进行一些特殊操作

<noframes> ... </noframes>

noframes 元素可为那些不支持框架的浏览器显示文本。noframes 元素位于 frameset 元素内部。

其他标签及框架集

标签:标签   ==   microsoft   img   代码   ros   视频   子页面   size   

原文地址:http://www.cnblogs.com/jiangwz/p/6961560.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!