Recommended
More Related Content
Viewers also liked
Viewers also liked (19)
Recently uploaded
Recently uploaded (20)
Building a web page using frames
- 2. Styles <html> <head> <title>HTML Frames Example – Content</title> <style type=”text/css”> body { Declaración de estilos. font-family:verdana,arial,sans-serif; font-size:10pt; •Tipo de fuente margin:30px; •Tamaño de fuente •Margen background-color:#ffcc00; •Color de fondo } </style> </head>
- 3. Links <p>When you click on any of the following links, the whole frameset is replaced with the new website. This is because we’re using <code>target=”_top”</code> in the anchor links.</p> <ul> <li><a href=http://www.quackit.com target=”_top”> Quackit</a> </li> <li><a href=”http://www.quackit.com/html/templates/frames/ ”target=”_top”>HTML Frames Templates</a> </li> <li>Learn more about frames with the <a href=”http://www.quackit.com/html/tutorial/html_frames.cfm” target=”_top”>frames tutorial</a> </li> </ul>
- 4. Frame Set In HTML, frames enable you present multiple HTML documents within the same window. For example, you can have a left frame for navigation and a right frame for the main content. Frames are achieved by creating a frameset page, and defining each frame from within that page. This frameset page doesn't actually contain any content - just a reference to each frame. The HTML frame tag is used to specify each frame within the frameset. All frame tags are nested with a frameset tag. So, in other words, if you want to create a web page with 2 frames, you would need to create 3 files - 1 file for each frame, and 1 file to specify how they fit together.
- 5. Frames <html> <head> <title>Frameset page<title> </head> <frameset cols = "25%, *"> <frame src ="frame_example_left.html" /> <frame src ="frame_example_right.html" /> </frameset> </html> <html> <body style="background-color:green"> <p>This is the left frame (frame_example_left.html).</p> </body> </html>
- 6. Code for frame file <frameset rows="100,*" frameborder="0" border="0" framespacing="0"> <frame name="topNav" src="top_nav.html"> <frameset cols="200,*" frameborder="0" border="0" framespacing="0"> <frame name="menu" src="menu_1.html" marginheight="0" marginwidth="0" scrolling="auto" noresize> <frame name="content" src="content.html" marginheight="0" marginwidth="0" scrolling="auto" noresize> <noframes> <p>This section (everything between the 'noframes' tags) will only be displayed if the users' browser doesn't support frames. You can provide a link to a non-frames version of the website here. Feel free to use HTML tags within this section.</p> </noframes> </frameset> </frameset> </html>