• <noscript id="ecgc0"><kbd id="ecgc0"></kbd></noscript>
    <menu id="ecgc0"></menu>
  • <tt id="ecgc0"></tt>

    如何制作框架網頁?

    在學習web前端的時候,會學習到關于框架的內容,框架可以將同一個頁面分成不同的幾部分,每一部分加載不同的網頁,我教大家實現一個頁面分成兩部分,點擊左邊部分的鏈接在右邊部分顯示

    東西/材料

    sublime Text( 也可以利用其他的編纂東西,如記事本等)

    操作方式

    • 01

      新建一個網頁文件frame.html,后綴名是html,用sublime Text打開

    • 02

      然后寫上彀頁的根基布局,內容如下
      <!DOCTYPE html>
      <html>
      <head>
      <meta charset="utf-8">
      <title>1</title>
      </head>
      <body>
      您的瀏覽器不撐持框架
      </body>
      </html>

    • 03

      框架標簽必需卸載head標簽中,在head標簽中添加如下內容
      <frameset cols="20%,80%" border="1">
      <frame src="./left.html" name=""></frame>
      <frame src="https://zhinan.sogou.com/" name="right"></frame>
      </frameset>

    • 04

      在當前目次下新建一個網頁文件,名字必需和上面的框架源代碼中利用的名字想經由過程,這里是left.html,然后寫上如下內容
      <!DOCTYPE html>
      <html>
      <head>
      <meta charset="utf-8">
      <title>left</title>
      </head>
      <body>
      <ul>
      <li><a href="https://zhinan.sogou.com/" target="right">首頁</a></li>
      <li><a href="https://wenwen.sogou.com/?pid=zn.wenwen&ch=zn.daohang.wenwen&src=zhinan" target="right">問問</a></li>
      <li><a href="http://pic.sogou.com/" target="right">圖片</a></li>
      </ul>
      </body>
      </html>

    • 05

      利用瀏覽器打開frame.html文件,成果如下

    • 06

      點擊左邊的文件,右邊就會顯示成果

    • End
    • 發表于 2018-04-07 00:00
    • 閱讀 ( 985 )
    • 分類:電腦網絡

    你可能感興趣的文章

    相關問題

    0 條評論

    請先 登錄 后評論
    聯系我們:uytrv@hotmail.com 問答工具
  • <noscript id="ecgc0"><kbd id="ecgc0"></kbd></noscript>
    <menu id="ecgc0"></menu>
  • <tt id="ecgc0"></tt>
    久久久久精品国产麻豆