To display information from multiple sources on a single page, the HTML page frame mechanism is often used. Below is a description of the language constructs for inserting frames.
Necessary
Basic knowledge of HTML
Instructions
Step 1
The HyperText Markup Language (HTML) provides two types of frames. Floating is more flexible and easier to insert into an existing page. In general, the construction describing a window frame using a floating frame looks like this: Here, the main page of an existing site is specified as the data source for this frame (src attribute). It will be opened in a 400 x 300 pixel frame, as specified in the width and height attributes. You can also specify the page of your site in the src attribute. In this case, it is enough to specify a relative address (that is, the address relative to the page into which the frame is inserted): In this sample, the width and height of the frame are not specified, but there is an id attribute-identifier. Using it, you can use CSS () to set the required dimensions for this frame:
#frameOne {width: 700px; height: 200px;}
Step 2
Another type of frames - "classic" - requires a separate page, which will contain a description of the frame structure. The frames themselves will be on separate pages, maybe even on separate sites. The HTML code for such a frame container page might look like this:
There shouldn't be any… and… blocks required for regular pages. In this example, the container opening tag contains a rows attribute, which means that the page space should be split vertically and the top will be given to the first frame. If you replace rows with cols, then the division will be horizontal. The value of this attribute "*, *" indicates that the split proportions are equal - 50% each. If you specify, for example, "20%, *", then only 20% will be given to the first frame, and the rest of the space to the second. The user can change these proportions by dragging the borders of the frames with the mouse, but it is possible to disable this action. To do this, add the noresize attribute to the tag of a specific frame. You can also specify the size of the vertical and horizontal indents from the adjacent frame (the marginwidth and marginheight attributes): It is possible to set the rules of behavior for the scrollbars of each frame separately. For this, the scrolling attribute is used, which can contain one of three predefined values. If specified, scrollbars will appear when the content of the frame does not fit within its borders. If "yes" - stripes will be present all the time, regardless of the need for them. If "no" - this will mean disabling scroll bars for this frame.
Step 3
Based on the information provided in the previous two steps, you need to design the html code that is more suitable for solving your problem. After that, all that remains is to insert it into the source code of the page. To do this, you can use the page editor of your site's management system - open the desired page in it, switch to the html code editing mode and paste your code in the desired place on the page. Alternatively, you can download the page source code file by the hosting management file manager or content management system, open it in a text editor and paste the code into it. And then in the same way upload the changed code back to the server.
