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”

  • 相关阅读:
    UVA 10618 Tango Tango Insurrection
    UVA 10118 Free Candies
    HDU 1024 Max Sum Plus Plus
    POJ 1984 Navigation Nightmare
    CODEVS 3546 矩阵链乘法
    UVA 1625 Color Length
    UVA 1347 Tour
    UVA 437 The Tower of Babylon
    UVA 1622 Robot
    UVA127-"Accordian" Patience(模拟)
  • 原文地址:https://www.cnblogs.com/angel512/p/5466124.html
Copyright © 2011-2022 走看看