How to Create a Horizontal Frameset in html

-

How to Create a Horizontal Frameset in html 

https://webdesigningtheory.blogspot.com


horizontal Rows of frames can be created by using  rows attribute rather than the cols attribute  shown in HTML.horizontal frameset tag divide a webpage into top to bottom section row using <frameset> tag with rows attribute 

each section use <frame> tag 


How to Create a Horizontal Frameset in html 

    Example :-


<!DOCTYPE html>

<html>

<frameset rows="20%,  20%, 20%, 20%">

<frame src="https://webdesigningtheory.blogspot.com/">

<frame src="https://webdesigningtheory.blogspot.com/">

<frame src="https://webdesigningtheory.blogspot.com/">

<frame src="https://webdesigningtheory.blogspot.com/">

</frameset>

</html>

How to Create a Horizontal Frameset in html 

Explain program 

Step 1 ]

<!Doctype html>

  • <!doctype html>  always be the first line of any HTML document.

Step 2 ]

   <html> and </html>

   html  is the root element.

Step 3 ]

<body> and </body>

body  is  main content area.

All visible content inside to  the <body> tag

Step 4]

<frameset>

Instead  using <body> tag use a frameset  to divide the browser window 
divide into multiple section a frames tag use

<frameset> tag use element tell browser how to split the page vertically or horizontally 

   Syntax :- 
 
  <frameset cols ="value1,value2, value3,.....">   = vertically divide
 <frameset  rows= " value1,value2,value3,....."> = horizontally

Step 5]

<frameset rows="20%,  20%, 20%, 20%">
  
frameset rows attribute divide the window horizontally  into four rows
 each row 20% height of the browser
 

Step 6]

<frame src="https://webdesigningtheory.blogspot.com/">

each <frame> tag defines one section frame with the frameset tag
src attribute use browser which web page to load inside frame tag
each four frame src the same website :- web designing theory blog

use <frameset> tag use external webpage inside each four frames

Step 7]

</frameset>

close the <frameset > section 

Step 8]

</html>

Close the html tag

How to Create a Horizontal Frameset in html 
  output
 


How to Create a Horizontal Frameset in html



Related Post :-

how to use image tag in html

html heading tags explain structure

how to use pre tag html with example

Comments

Post a Comment

Popular posts from this blog

HTML pre tag

-
Image
                                    HTML pre Tag Information   1. The <pre> tag defines preformatted text.  2. Text in a <pre> element is displayed in a fixed-width font. 3.  text preserves both spaces and line breaks.  4. syntax with :- <pre>.......</pre> tag 5. displayed in a fixed-width font. 6 .The text will be displayed exactly as written in the HTML source code. Program     HTML <pre> tag <html> <head> <title>html pre tag </title> </head> <body> <pre> My name is ram my college name is satara   I like Apple My favourity color is skyblue </pre> </body> </html> OUTPUT          Related Post :-   html aside tag inline css in html html login in form
Read more

Inline css in html

-
Image
                       Inline CSS   Information: 1]    Inline CSS is used to apply a  unique style to a single HTML element . 2]   In inline CSS uses the    Style attribute of an HTML element. 3]   Css Apply in a Single element by inline css Technique.  4]  Inline css also use method to insert style sheets in HTML document Inline Css        Program <html> <head> <title>inline property</title> </head> <body> <h1 style="color:red; background-color:pink;">html</h1> <p style="color:purple;">hyper text markup language</p> <h3>Information</h3>s <dl>INLINE CSS APPLY</dl> <dd>inline csss use</dd> <P>Css Apply in a Single element by inline css Technique.<br>  inline css also use method to insert style sheets in HTML document.  </P> ...
Read more

html iframe

-
Image
HTML <iframe> Information           1] The HTML  <iframe>   tag specifies an inline frame          2] The   src   attribute defines the URL of the page to embed          3] Always include a   title   attribute (for screen readers)          4] The html <iframe>  height   and   width   attributes specify the size of the iframe          5] html <iframe> Use  border:none;  to remove the border around the ifram Program <!doctype html> <html> <body> <h2>HTML Iframes</h2> <p>You can use the height and width attributes to specify the size of the iframe:</p> <iframe   src=" https://webdesigningtheory.blogspot.com/2023/05/html-and-css-use-to-create-easy- webpage.html " height="300" width="500" title="iframe"> </iframe> </body> ...
Read more

CSS text-transform Property

-
Image
 CSS text-transform Property Tutorial CSS text-transform Property  CSS text-transform property   is used to control capitalization of text. change text appears visually in browser without changing  the original HTML Content.  HTML text actual in stays same, but CSS change how is displayed. Syntax  selector {   text-transform: value; } CSS text-transform Property Structure Explained with  Diagram CSS text-transform Property  1) uppercase 2) lowercase 3)capitalize CSS text-transform Property Tutorial Example <! DOCTYPE html > < html > < head > < style >   .upper {     text-transform : uppercase ;   } .lower {   text-transform : lowercase ; } .cap {   text-transform : capitalize ; } </ style > </ head > < body > < h2 class = "upper" > css text transformation </ h2 > < p class = "lower" > CSS TEXT TRANSFORMATION PROPERTY </ p > < p class = "...
Read more

Html anchor tag

-
Image
   How to Add HTML  Anchor Tag    Anchor Tag  The <a> tag define hyperlink   1]  Html anchor tag define hyperlink this use to link from one           page to another.  2]  Its create hyperlink to other web page as well as files, location   3]  Most important attribute of<a> element is the href attribute.  4]  when link is clicked it redirects the user to that page.  5]  The <a> tag creates a clickable link.  6] The href attribute sets the target page or site  example:-  webdesigningtheory.blogspot.com/ 7] The target attribute specifies in what tab ,window to open the new       page.  8]  Its href  <a>  attribute  creates a hyperlink to web page, files                 email addresses ,locations in the same page else URL address.  9] ...
Read more