Information Technology II HTML Frameset
Frameset lets you divide the browser window into several sections creates independent window and sub window <frameset> ---- </frameset> Structure <html>   <head>  <title>---</title>   </head>   <frameset> <frame> ---- </frame>   </frameset> </html>
Frameset Attributes Rows horizontal frameset design divides the window into section by rows <frameset rows=“n%,m%”> ---- </frameset> Menu.html Main Page.html
Frameset Attributes Columns vertical frameset design divides the window into section by column <frameset cols=“n%,m%”> ---- </frameset> Main Page.html
Frameset Attributes Border <frameset frameborder=“yes/no”>  if yes, add this attribute: border=“n” Spacing <frameset framespacing=“n”> ---- </frameset> Border Color <frameset bordercolor=“hexadecimal/basic”> ---- </frameset>
Frame Attributes Source <frameset> <frame src=“html document.html”> ---- </frame> </frameset> Scrolling   <frameset> <frame scrolling=“no/yes”> ---- </frame> </frameset> No Resize <frameset> <frame noresize> ---- </frame> </frameset>
Frame Attributes Name -  assigns a name to the frame <frameset> <frame name=“top frame” src=“menu.html”> ---- </frame> <frame name=“main frame” src=“mainpage.html”> ---- </frame> </frameset> <frameset> <frame name=“left frame” src=“menu.html”> ---- </frame> <frame name=“right frame” src=“mainpage.html”> ---- </frame> </frameset>
Floating Frames also known as i frames enables you to create a frame in a non-framed webpage <iframe> ---- </iframe> <html> <head>  <title> ---- </title> </head> <body> <iframe src=“html document”> ---- </iframe> </body>
Targeting Frame <frameset> <frame name=“top frame” src=“menu.html”> ---- </frame> <frame name=“main frame” src=“mainpage.html”> ---- </frame> </frameset> (inside the menu.html…) <body> <a href=“google.com” target=“main frame”> Search with Google</a>   </body>

Html Frameset

  • 1.
  • 2.
    Frameset lets youdivide the browser window into several sections creates independent window and sub window <frameset> ---- </frameset> Structure <html> <head> <title>---</title> </head> <frameset> <frame> ---- </frame> </frameset> </html>
  • 3.
    Frameset Attributes Rowshorizontal frameset design divides the window into section by rows <frameset rows=“n%,m%”> ---- </frameset> Menu.html Main Page.html
  • 4.
    Frameset Attributes Columnsvertical frameset design divides the window into section by column <frameset cols=“n%,m%”> ---- </frameset> Main Page.html
  • 5.
    Frameset Attributes Border<frameset frameborder=“yes/no”> if yes, add this attribute: border=“n” Spacing <frameset framespacing=“n”> ---- </frameset> Border Color <frameset bordercolor=“hexadecimal/basic”> ---- </frameset>
  • 6.
    Frame Attributes Source<frameset> <frame src=“html document.html”> ---- </frame> </frameset> Scrolling <frameset> <frame scrolling=“no/yes”> ---- </frame> </frameset> No Resize <frameset> <frame noresize> ---- </frame> </frameset>
  • 7.
    Frame Attributes Name- assigns a name to the frame <frameset> <frame name=“top frame” src=“menu.html”> ---- </frame> <frame name=“main frame” src=“mainpage.html”> ---- </frame> </frameset> <frameset> <frame name=“left frame” src=“menu.html”> ---- </frame> <frame name=“right frame” src=“mainpage.html”> ---- </frame> </frameset>
  • 8.
    Floating Frames alsoknown as i frames enables you to create a frame in a non-framed webpage <iframe> ---- </iframe> <html> <head> <title> ---- </title> </head> <body> <iframe src=“html document”> ---- </iframe> </body>
  • 9.
    Targeting Frame <frameset><frame name=“top frame” src=“menu.html”> ---- </frame> <frame name=“main frame” src=“mainpage.html”> ---- </frame> </frameset> (inside the menu.html…) <body> <a href=“google.com” target=“main frame”> Search with Google</a> </body>