zoukankan      html  css  js  c++  java
  • HTML iframe框架

    iframe

    作用:

    就是在一个网页插入一个小窗口   窗口里面也是一个网页

    1 <a href="http://www.baidu.com" target="da1">百度网</a>
    2     <a href="http://www.qq.com" target="da1">腾讯网</a>
    3     <a href="http://www.sina.com.cn" target="da1">新浪网</a>
    4      <a href="http://www.163.com" target="da1">网易网</a>
    5     <iframe name="da1" src="http://www.itnba.com" width="100%" height="500"></iframe>

    iframe  是一个小窗口   所以设计一个宽和高   默认路径是src 连接的路径   点击百度腾讯等  打开也在窗口的话  百度等的连接加上target="名称"和iframe的  name的一样

    锚点  

    快速定位一个位置

    定义

    <a herf=" #id名">标题名</a>

    <h3 id=" id名">标题名</h3>

    内容

    例如:

     1     <a href="#1">第一标题</a>
     2     <a href="#2">第二标题</a>
     3     <a href="#3">第三标题</a>
     4     <a href="#4">第四标题</a>
     5     <a href="#5">第五标题</a>
     6 
     7     <h3 id="1">第一标题</h3>
     8     1111111111111111<br />
     9     1111111111111111<br />
    10     1111111111111111<br />
    11     内容1<br />
    12     <h3 id="2">第二标题</h3>
    13     2222222222222222<br />
    14     2222222222222222<br />
    15     2222222222222222<br />
    16     2222222222222222<br />
    17     2222222222222222<br />
    18     2222222222222222<br />
    19     2222222222222222<br />
    20     内容2<br />
    21 
    22     <h3 id="3">第三标题</h3>
    23     3333333333333333333333333333333333<br />
    24     3333333333333333333333333333333333<br />
    25     3333333333333333333333333333333333<br />
    26     3333333333333333333333333333333333<br />
    27     内容3
    28     <h3 id="4">第四标题</h3>
    29     4444444444444444444444444444444444<br />
    30     4444444444444444444444444444444444<br />
    31     4444444444444444444444444444444444<br />
    32     4444444444444444444444444444444444<br />
    33     内容4
    34 
    35     <h3 id="5">第五标题</h3>
    36     4444444444444444444444444444444444<br />
    37     4444444444444444444444444444444444<br />
    38     4444444444444444444444444444444444<br />
    39     内容5
    View Code

    插入视频:
    在优酷等视频网站,找到分享位置,复制html代码,贴入网页中

    插入音乐

    <embed src="音乐路径" hidden="true" autostart="true" loop="true">

    hidden意思是是否隐藏    autistart意思是是否自动播放  loop 意思是是否循环播放


    简单的滚动效果
    <marquee direction="right" behavior="alternate" scrollamount="50">啦啦啦啦啦</marquee>

        接下来我来细说该标签的属性。
    1.滚动方向属性 direction
    该属性的滚动方向可以设置四个值:up(文字向上)、down(文字向下)、left(文字向左)、right(文字向右)。
    2.滚动方式属性 behavior
    该属性的取值有三个值:scroll(循环滚动,默认效果)、slide(只滚动一次就停止)、alternate(来回交替进行滚动)
    3.滚动速度属性 scrollamount
    该属性能调整文字滚动的速度,滚动文字的速度实际上是通过设置滚动文字每次移动的长度来实现的,以像素为单位。值只写数字,不带px单位,若带了单位则设置无效。
    4.滚动延迟属性 scrolldelay
    该属性用来设置滚动文字滚动的时间间隔(滚动两步之间的时间间隔)。
    scrolldelay的时间间隔单位是毫秒,取值只写数字
    5.滚动循环属性 loop
    设置滚动文字后,默认会无限循环下去,若想控制循环的次数,可设置此属性。
    6.滚动范围属性 width&height
    若想控制文字滚动的范围,则可起用这二属性,以像素为单位,不写px单位。默认情况下left和right滚动的width和浏览器窗口同宽,搞定和文字高度同高。up和down时height为浏览器窗口高度的三分之一。
    7.滚动背景颜色属性 bgcolor
    此属性为滚动区域设置背景色(取值为十六进制颜色码和英文)。
    8.滚动空间属性 hspace&vspace
    hsapce属性可以设置滚动范围的水平位置,vspace用来设置滚动范围的垂直位置。单位均为像素,写值时不写单位px。

  • 相关阅读:
    Thinkphp 5.0.15 设计缺陷导致Insert/update-SQL注入 分析
    Thinkphp 3.2.3 parseWhere设计缺陷导致update/delete注入 分析
    Thinkphp <= 5.0.10 缓存getshell复现
    Typecho-反序列化漏洞学习
    Discuz3.4-SSRF-从触发点到构造payload
    php session序列化攻击面浅析
    浅析一款扫描dom-xss的浏览器插件
    sqlmap Bool型&延时型 检测策略分析
    SpringSecurityOauth RCE (CVE-2016-4977) 分析与复现
    k8s之statefulSet-有状态应用副本集控制器
  • 原文地址:https://www.cnblogs.com/zhangwei99com/p/6617568.html
Copyright © 2011-2022 走看看