Skip to main content

html frames and frameset tag

 HTML frames were a feature that allowed developers to divide a web page into multiple sections, each of which could load a separate HTML document. While frames were widely used in the past, they have now largely been replaced by modern web development techniques, such as CSS layout, which offer more control over page layout and are more compatible with modern browsers. Nonetheless, for the sake of completeness, let's dive into frames.

Frame and frameset tag
frames using html


There are three main parts to using frames in HTML: defining the frameset, defining the frames, and defining the content that will be loaded into each frame.

Defining the Frameset:

  1. The frameset defines the overall layout of the frames. It is defined using the <frameset> tag and specifies the number and layout of frames using the cols or rows attribute. Here is an example of a frameset that divides the page into two vertical frame:

<!DOCTYPE html>
<html>
<head>
 <title>My Frameset</title>
</head>
<frameset cols="30%, 70%">
 <frame src="leftframe.html" name="left">
 <frame src="rightframe.html" name="right">
</frameset>
</html>

  1. In the above example, the cols attribute is used to specify that the page should be divided into two frames, with the left frame occupying 30% of the page width and the right frame occupying 70% of the page width. The frame tags define the content that will be loaded into each frame, with the src attribute specifying the URL of the HTML document to be loaded, and the name attribute specifying the name of the frame.

Defining the Frames:

  1. The frame tag is used to define each individual frame within the frameset. Each frame tag must have a src attribute, which specifies the URL of the HTML document to be loaded into that frame. The name attribute is used to give the frame a name, which can be used to target the frame from other parts of the HTML document or from JavaScript code.

<frame src="leftframe.html" name="left">
<frame src="rightframe.html" name="right">

In the above example, we define two frames named "left" and "right" and specify the URLs of the HTML documents to be loaded into each frame.

Defining the Content:

  1. The content to be loaded into each frame is specified using regular HTML documents, just like any other web page. Each HTML document must have a <head> and <body> section, just like a regular HTML document.

For example, the leftframe.html document might look something like this:

<!DOCTYPE html>
<html>
<head>
 <title>Left Frame</title>
</head>
<body>
 <h1>This is the left frame</h1>
 <p>Some content goes here...</p>
</body>
</html>

Similarly, the rightframe.html document might look something like this:

<!DOCTYPE html>
<html>
<head>
 <title>Right Frame</title>
</head>
<body>
 <h1>This is the right frame</h1>
 <p>Some content goes here...</p>
</body>
</html>

With all of these parts in place, the browser will display the frameset, dividing the page into two frames according to the specified layout, and loading the content from the specified HTML documents into each frame.
Labels:

Comments

Post a Comment

Popular posts from this blog

[PDF DOWNLOAD] AKTU Quantum series data structure b.tech 2nd year download

  All AKTU Quantums are available here. Get your hands on AKTU Quantums and boost your grades in AKTU semester exams. You can either search them category wise or can use the search bar or can manually search on this page. Download aktu second year quantum pdf data structures  download  data structures quantum aktu download aktu data structures quantum click here to download  write in comment section if you want quantum of any other subject.
Post a Comment
Read more

solution : Snape and Ladder | codechef | Problem Code: SNAPE

  Snape and Ladder  Problem Code:  SNAPE Professor Snape has lots of potions. Bottles containing all types of potions are stacked on shelves which cover the entire wall from floor to ceiling. Professor Snape has broken his bones several times while climbing the top shelf for retrieving a potion. He decided to get a ladder for him. But he has no time to visit Diagon Alley. So he instructed Ron Weasley to make a ladder for him. Professor Snape specifically wants a step ladder which looks like an inverted 'V' from side view. Professor just mentioned two things before vanishing- B  - separation between left side (LS) and right side (RS) on the ground LS  - the length of left side What should be the length of  RS ? At one extreme  LS  can be vertical and at other  RS  can be vertical. Ron is angry and confused. Since Harry is busy battling Voldemort, its your duty to help him find the minimum and maximum length of  RS . Input First line contains single integer  T , the number of tes
2 comments
Read more

leetcode 48 solution

  48 .  Rotate Image You are given an  n x n  2D  matrix  representing an image, rotate the image by  90  degrees (clockwise). You have to rotate the image  in-place , which means you have to modify the input 2D matrix directly.  DO NOT  allocate another 2D matrix and do the rotation.   Example 1: Input: matrix = [[1,2,3],[4,5,6],[7,8,9]] Output: [[7,4,1],[8,5,2],[9,6,3]] Example 2: Input: matrix = [[5,1,9,11],[2,4,8,10],[13,3,6,7],[15,14,12,16]] Output: [[15,13,2,5],[14,3,4,1],[12,6,8,9],[16,7,10,11]]   Constraints: n == matrix.length == matrix[i].length 1 <= n <= 20 -1000 <= matrix[i][j] <= 1000 solution: class Solution { public:     void swap(int& a , int &b)     {         int c ;         c = a;         a = b;         b = c;     }     void transpose (vector<vector<int>>& m)     {         int p = m.size();         for(int i = 0 ; i < p ; i++)         {             for(int j =i+1 ; j < p ; j++)             {                 swap(m[i][j] ,
Post a Comment
Read more