Web Page Designing 312004 Practical No. 20 HTML Frame in web page Answer
Hello, students welcome to PracticalKida, in this blog post we learn about how to use HTML Frame on a web page.
|
| Web Page Designing 312004 Manual Practical No.20 |
HTML frames provide flexibility in designing the layout of a webpage. By separating the browser window into frames, developers can arrange content in different sections, such as a navigation frame, a main content frame, and a sidebar frame. The practical shows that, how a web browser window is divided into columns and rows using frame and frameset tags.
Theory
<frameset> tag
HTML <frameset> tag is used to contain the group of frames that can be controlled and styled as a unit. The <frameset> element also specifies the number of rows and columns in the frameset, and how much space they will occupy in a frame.
Syntax
<frameset cols=” “>…………</frameset>
<frame> tag
HTML <frame> tag defines the particular area within an HTML file where another HTML web page can be displayed.
A <frame> tag is used with <frameset>, and it divides a webpage into multiple sections or frames, and each frame can contain different web pages.
Syntax:
< frame src = “URL” >
Exercise
Develop a web page following the website page
Answer:
<!DOCTYPE html><html><head><title>Four Frames Example</title></head><frameset rows=”50px,*,50px”><frame src=”frame1.html” name=”frame1″ scrolling=”no”><frameset cols=”*,*”><frame src=”frame2.html” name=”frame2″ scrolling=”auto”><frame src=”frame3.html” name=”frame3″ scrolling=”auto”></frameset><frame src=”frame4.html” name=”frame4″ scrolling=”no”></frameset></html>
Practical Related Questions
1) Develop a web page containing four frames vertically.
Answer:
<!DOCTYPE html><html lang=”en”><head><meta charset=”UTF-8″><meta name=”viewport” content=”width=device-width, initial-scale=1.0″><title>Vertical Frames</title></head><body><iframe src=”frame1.html” width=”100%” height=”25%” frameborder=”0″></iframe><iframe src=”frame2.html” width=”100%” height=”25%” frameborder=”0″></iframe><iframe src=”frame3.html” width=”100%” height=”25%” frameborder=”0″></iframe><iframe src=”frame4.html” width=”100%” height=”25%” frameborder=”0″></iframe></body></html>
2) Develop a web page by using iframe.
Answer:
<!DOCTYPE html><html lang=”en”><head><meta charset=”UTF-8″><meta name=”viewport” content=”width=device-width, initial-scale=1.0″><title>Web Page with iframes</title></head><body><iframe src=”https://www.wikipedia.org” width=”100%” height=”300″ frameborder=”0″></iframe><iframe src=”https://www.wikipedia.org” width=”100%” height=”300″ frameborder=”0″></iframe><iframe src=”https://www.wikipedia.org” width=”100%” height=”300″ frameborder=”0″></iframe></body></html>
Conclusion
We successfully completed Web Page Designing 312004 Practical No. 20 in which we learned everything about using HTML Frame on a web page.
