a链接标签和iframe框架的局部跳转

一、URL

    1、含义:

         统一资源定位符,是URI(标识符)的一种,可以唯一标识一个网络资源。

    2、组成:

        协议://主机ip:端口号/资源文件?参数名=参数值

    http协议端口:80,自动省略

    https协议端口:443

注意:默认的访问文件(不指定的情况下)是index.html
二、超链接,a标签

    1、格式<a href="#">标签名</a>

    2、属性

               href:资源目标地址:

               title:光标放上显示信息

               target:

                       _self:在本窗口打开链接的目标资源文件

                      _blank:新开一个窗口用来链接目标资源文件

                     _parent:覆盖父页面

                     _top:覆盖最外层页面

注意:href属性不写不具备链接功能。
三、锚点

所有的标签基本都具备的属性:

    id,class,name,style

    格式:

        1、a标签的target属性值=要定位的目标的标签的id属性值

        2、a标签的target属性=要定位目标a标签的name属性值
四、iframe分帧
    说明:就是页面嵌套

    1、属性

           frameborder:设置边框

          scrolling:是否要滚动条,no否,yes是,auto自动

          name:iframe的name=a标签的target属性值,可以实现将a标签href链接的资源文件显示在iframe框架中(点击)

          src:设置iframe默认显示的页面资源,或者说在a标签点击之前显示默认资源文件

    <a href="http://www.baidu.com" target="if">百度一下</a><br/>
            <iframe name="if"  frameborder="1" scrolling="yes" width="800px" height="600px" src="nav.html"/>

五、frameset

    1、说明:代替body标签,使一个页面能够显示多个页面的内容

    2、 属性:

          rows:垂直方向的框架内容划分,可以指定像素或者百分比来设置这部分框架的大小,*代表其他

          cols:水平方向的框架内容划分,也可以指定大小,同上

          noresize:进制拖拽改变大小

          border:设置边框宽度

          bordercolor:设置边框的颜色

      3、frameset中的frame标签

                          说明:代表iframe中的每一个页面

                          属性src:目标资源文件

      4、frameset中的noframe标签:

                          说明:针对不支持frameset的低级浏览器的兼容设置(这种浏览器太。。)

    <frameset frameborder="0" rows="100,*" noresize>
            <frame src="http://www.baidu.com" />
            <frameset cols="20%,*">
                <frame src="http://www.qq.com" />
                <frame src="http://www.sina.com.cn" />
            </frameset>
            <noframes>
                <body>浏览器太low</body>
            </noframes>
        </frameset>
————————————————
 

  • 1
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值