前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >其他标签及框架集

其他标签及框架集

作者头像
二十三年蝉
发布2018-02-27 18:09:10
1.7K0
发布2018-02-27 18:09:10
举报
文章被收录于专栏:闻道于事闻道于事

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

<marquee> ... </marquee>

代码语言:javascript
复制
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>

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

网页里嵌入视频

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

代码语言:javascript
复制
<iframe height=498 width=510 src='http://player.youku.com/embed/XMjc4NzQ2OTg3Ng==' frameborder=0 'allowfullscreen'></iframe>

框架集

<framset></framset>

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

代码语言:javascript
复制
<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>

代码语言:javascript
复制
<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 元素内部。

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

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

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

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

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • <marquee> ... </marquee>
  • 框架集
    • <noframes> ... </noframes>
    领券
    问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档