How To Embed A Page From The Site

Table of contents:

How To Embed A Page From The Site
How To Embed A Page From The Site

Video: How To Embed A Page From The Site

Video: How To Embed A Page From The Site
Video: How to embed a website into another website 2024, December
Anonim

To insert a page of a site into a page of your site, you can use the hypertext markup language (HTML) ability to divide pages into multiple frames. How exactly to do this is described below.

How to embed a page from the site
How to embed a page from the site

Instructions

Step 1

"Frame" is an independent section of the page that can have its own source of displayed data. There can be several such frames in the page and you can place them next to each other, and one above the other, and one inside the other, and in a combined way in any order. To implement this mechanism for splitting a page, you need to start by placing it in its original html- container code for all frames. Such a container consists of two tags - opening and closing:

In the opening tag, you need to set the order of the frames on the page. Here you need to specify in what proportion the browser should divide the page space between frames. To do this, add the appropriate attribute to the tag:

Here the "cols" attribute specifies the division of the page into two frames vertically in a ratio of one to three. If the "cols" attribute is replaced with the "rows" attribute, the page will be split horizontally:

It is not necessary to specify both sizes - the browser will calculate the value for the unspecified frame by itself, if you write an asterisk (*) instead of a number:

You can give one of the frames all the free space of the page, if you specify 100%, and in this case the contents of the other frame will not be visible. Often other units of measurement are used to set dimensions - "pixels":

Step 2

Now we need to place the tags of the frames themselves inside the container. Such a tag looks like this: It contains an attribute with the address of the Internet page that will be the data source for this frame. If the address is written in this form (starts with the name of the protocol https://), then it is called "absolute". For pages of your site that are in the same (or a subfolder of this) folder, you do not need to specify an absolute address - the file name and path to the subfolder are enough. In this case, the address will be called "relative" and will look like this: - You can add an attribute to this tag that disables the ability to move the border between frames with the mouse. The tag is called "noresize": - Two more attributes are used to specify the size of the margins between adjacent frames - marginheight for vertical indentation and marginwidth - for horizontal indentation: - The "scrolling" attribute is used to specify the rules for the behavior of the scrollbars of frames. If you set it to "auto", then scrollbars will appear as needed - when the contents of the frame will not fit into its borders: If you replace this value with "yes", then scrollbars will always be present in this frame, and the value " no "will disable their display in unconditional order.

Step 3

Knowing this, you can start creating a simple page that will contain a page from another site in one of the frames. For this you will need a simple text editor - a standard Notepad. Create a new document and write the following html tags into it:

Save this code with html or htm extension - for example sample.html. Then create a new text document that you don't have to write anything into, just save it as blank.html and you're done. Now, if you open the sample.html page in a browser, you will only see the page specified in the first frame tag, since you gave it 100% of the page space. And the second page will not be visible at all. You can prepare a similar set of tags with the parameters and addresses you need and upload to your site using the file manager of the control system. Or open the existing page you need in the page editor of the control system and replace its code with your own.

Recommended: