HTML iframe框架

小程序：扫一扫查出行
【扫一扫了解最新限行尾号】
复制小程序

iframe

作用：

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

 <a href="http://www.baidu.com" target="da1">百度网</a>

     <a href="http://www.qq.com" target="da1">腾讯网</a>

     <a href="http://www.sina.com.cn" target="da1">新浪网</a>

      <a href="http://www.163.com" target="da1">网易网</a>

     <iframe name="da1" src="http://www.itnba.com" width="100%" height="500"></iframe>

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

锚点

快速定位一个位置

定义

内容

例如：

     <a href="#1">第一标题</a>

     <a href="#2">第二标题</a>

     <a href="#3">第三标题</a>

     <a href="#4">第四标题</a>

     <a href="#5">第五标题</a>

     <h3 id="1">第一标题</h3>

     1111111111111111<br />

     1111111111111111<br />

     1111111111111111<br />

     内容1<br />

     <h3 id="2">第二标题</h3>

     2222222222222222<br />

     2222222222222222<br />

     2222222222222222<br />

     2222222222222222<br />

     2222222222222222<br />

     2222222222222222<br />

     2222222222222222<br />

     内容2<br />

     <h3 id="3">第三标题</h3>

     3333333333333333333333333333333333<br />

     3333333333333333333333333333333333<br />

     3333333333333333333333333333333333<br />

     3333333333333333333333333333333333<br />

     内容3

     <h3 id="4">第四标题</h3>

     4444444444444444444444444444444444<br />

     4444444444444444444444444444444444<br />

     4444444444444444444444444444444444<br />

     4444444444444444444444444444444444<br />

     内容4

     <h3 id="5">第五标题</h3>

     4444444444444444444444444444444444<br />

     4444444444444444444444444444444444<br />

     4444444444444444444444444444444444<br />

     内容5

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

插入音乐

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。