" to the page. The frameset element can define a frameset, which is used to organize multiple windows. Each frame stores an independent document."/> " to the page. The frameset element can define a frameset, which is used to organize multiple windows. Each frame stores an independent document.">

Home  >  Article  >  Web Front-end  >  How to display split with HTML

How to display split with HTML

醉折花枝作酒筹
醉折花枝作酒筹Original
2021-06-04 11:42:558935browse

In HTML, you can use the frameset tag to display segmentation. You only need to add "

" to the page. The frameset element can define a frameset, which is used to organize multiple windows. Each frame stores an independent document. The

How to display split with HTML

#frameset element defines a frameset. It is used to organize multiple windows (frames). Each framework has separate documentation. In its simplest application, the frameset element simply specifies how many columns or rows exist in the frameset. You must use cols or rows attributes.

Attribute value:

How to display split with HTML

Page split typesetting, final effect illustration: (hand-drawn, relatively simple.)

How to display split with HTML

There are four html pages in total. One is the parent page home.html, and the other three are top.html, left.html, right.html. Then put the next three html pages together and put them in the parent page. It is displayed in the page home.html.

The following is the code display:

home.html Code

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

  
    <title>页面分割</title>
  

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

Note: If the frameset element is used, the body element is not needed.

Write html code for other page codes according to your own needs

Recommended learning: html video tutorial

The above is the detailed content of How to display split with HTML. For more information, please follow other related articles on the PHP Chinese website!

Statement:
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn