首頁  >  文章  >  web前端  >  如何用HTML顯示分割

如何用HTML顯示分割

醉折花枝作酒筹
醉折花枝作酒筹原創
2021-06-04 11:42:558934瀏覽

在html中,可以使用frameset標籤顯示分割,只需為頁面加上「

」即可。 frameset元素可定義一個框架集,它被用來組織多個窗口,每個框架存有獨立的文檔。

如何用HTML顯示分割

frameset 元素可定義一個框架集。它被用來組織多個視窗(框架)。每個框架存有獨立的文檔。在最簡單的應用中,frameset 元素只會規定在框架集中存在多少列或多少行。您必須使用 cols 或 rows 屬性。

屬性值:

如何用HTML顯示分割

頁面分割排版,最終效果圖示:(手繪,比較簡單。)

如何用HTML顯示分割

總共四個html頁面,一個做個父頁面home.html,另外三個分別是top.html, left.html, right.html 然後把後面三個html頁面拼在一起,放在父頁面home.html裡面進行顯示。

下面是程式碼展示:

home.html 程式碼

nbsp;html PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

  
    <title>页面分割</title>
  

  <frameset>
    <!--把页面分成上下两部分,上部分占15%,下部分*表示占据其余部分-->
    <frame>
<!--上半部分要显示的页面-->
    <frameset>
<!--把页面分成左右两部分,左部分占15%,右部分*表示占据其余部分-->
      <frame>
<!--做半部分要显示的页面-->
      <frame>
<!--右半部分要显示的页面-->
    </frameset>
  </frameset>

注意:用了frameset元素,就不用body元素了。

其他頁面程式碼根據自己需求寫html程式碼

推薦學習:html影片教學

以上是如何用HTML顯示分割的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn