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

    框架页面的基本语法

    <frameset cols=“25%,50%,*” rows =“50%,*” border=“5”>

    <frame src=“the_first.html ">

    ……

    </frameset>

    cols将窗口分割成左中右3个部分,可选

    rows将窗口分割成上下2个部分,可选

    border边框尺寸大小

    src第一个窗口要显示的网页

    例:

    <HTML>

    <HEAD>

    <TITLE>rows_cols框架</TITLE>

    </HEAD>

    <FRAMESET rows="25%,50%,*" border="5">

    <FRAME name=“top" src="the_first.html">

    <FRAME name="middle" src="the_second.html">

    <FRAME name=“bottom" src="the_third.html">

    </FRAMESET>

    </HTML>

    创建多个复杂的窗口实现步骤如下:

    1、创建一个HTML页面“top.html”

    2、创建一个HTML页面“left.html”

    3、创建一个HTML页面“right.html”

    4、新建多框架HTML页面“Frame_Sets.html”

    ......

    <FRAMESET rows="20%,*" frameborder="0">

    <FRAME src="top.html" name="topframe“ scrolling="no" noresize="noresize">

    <FRAMESET cols="20%,*">

    <FRAME src="left.html" noresize="noresize“ scrolling="no" name="leftframe“ >

    <FRAME src="right.html" name="rightframe">

    </FRAMESET>

    </FRAMESET>

    frameborder设置无框架边框

    scrolling不显示滚动条

    noresize禁止调整框架大小

    name框架名称,便于超文本链接锚标签target属性所引用

    如何设置窗口链接的显示位置

    target目标窗口属性 name=“显示的窗口名”

    <frame src=url name=“窗口名”>

       <a href=url target=“窗口名”>

    target属性指定了所链接的文件出现在名称为“窗口名”的框架窗口里。

    例:

    <P><a href="right.html" target="rightframe">

    <IMG src="images/reg.jpg" width="158" height="31" border="0" /> </P></A>

    <P><a href="buy.html" target="rightframe">

    <IMG src="images/buy.jpg" width="160" height="32" border="0" /> </P></A>

    target属性指定了所链接的文件出现在名称为“rightframe”的框架窗口里

    例:

    ……

    <P><A href="right.html" target="_blank">

    <IMG src="images/reg.jpg" width="158" height="31" border="0" /></A> </P>

    <P><A href="buy.html" target="_self">

    <IMG src="images/buy.jpg" width="160" height="32" border="0" /></A> </P>

    <P><A href="sale.html" target="_parent">

    <IMG src="images/sale.jpg" width="158" height="31" border="0" /></A> </P>

    <P><A href="person_info.html" target="_top">

    <IMG src="images/person.jpg" width="157" height="31" border="0"/></A></P>

    ……

    新启一个窗口打开文件 “right.html”

  • 相关阅读:
    Mysql 时间操作
    curl 学习
    CURL详解
    mysql 获取当前时间戳
    php开启openssl的方法
    0,null,empty,空,false,isset
    ecshop微信扫描支付开发
    seaJs的简单应用
    js运动框架之掉落的扑克牌(重心、弹起效果)
    js运动框架完成块的宽高透明度及颜色的渐变
  • 原文地址:https://www.cnblogs.com/angel512/p/5466124.html
Copyright © 2011-2022 走看看