CH-2 PART-3 LINK, FRAMES AND FORMS
I. FILL INTHE BLANKS:
1. The web pages of a website are linked to each other using ———
Ans. hyperlink
2. The attribute ——— is used to create a hyperlink between two or more HTML codes.
Ans. href
3. When you move the mouse pointer over a link, the mouse pointer changes its shape from an arrow to a ——–.
Ans. pointing hand
4. The ——- attribute of the <audio> tag indicates that you can replay the audio file once it is finished.
Ans. loop
5.The small rectangular areas created in the main browser window are known as ———.
Ans. frames
6. The ——– attribute of the frame tag tells the browser which HTML page to load into that frame.
Ans. src
7. ——— attribute of the frame tag attaches the default URL.
Ans. Src
8. ——– allows multiple HTML documents to be presented as independent
windows within one browser window.
Ans. Inline frame.
9. The ——– tag collects the information from the user.
Ans. input
II. MULTIPLE CHOICE QUESTIONS:
1. A ——– is a word, a group of words, or an image that can be used to jump to another document on the same website or another website.
(i) Hyperlink (ii) URL (iii) Address (iv) none of these
Ans. Hyperlink
2. The ——– attribute of the <a> tag is used to set the URL of the target resource.
(1) src (ii) href (iii) Controls (iv) none of these
Ans. (1) href
3. Which of the following can be embedded in a web page?
(i) Audio (ii) Video (iiii) Both (i) and (ii) (iv) None of these
Ans. (i) Both (i) and (ii)
4. The ——- attribute of the <video> tag plays the video file automatically on loading a web page.
(i) controls (ii) Autoplay (iii) Height (iv) none of these
Ans. (ii) Autoplay
5. ——– tag is used to create textbox, radio button and checkbox on the web page.
(i) <OPTION> (ii) <INPUT> (iii) Both of these (iv) None of these
Ans. (ii) <INPUT>
III. APPLICATION BASED QUESTIONS:
1. Rohan wants to divide a web page into four sections. Which tag should he use to accomplish this?
Ans: Rohan should use <iframe> tag to divide a web page into four sections. The “iframe” tag defines a rectangular region within the document in which the browser can display a separate document, including scrollbars and borders.
SYNTAX:
<iframe src=”URL” title=”description”></iframe>
2. Rahim is creating a website in which he wants to use different images as links to the web pages. He is also interested in adding some video clips in his website. Can you suggest him the required tags to include the said elements in his website.
Ans: Rahim should use following 3 tags:
i) <img> tag for inserting images to his website.
ii) <a> tag for creating links.
iii) <video> tag for inserting videos.
e.g.
<HTML>
<HEAD>
<TITLE> Website made by Rahim </TITLE>
</HEAD>
<BODY>
<H1 ALIGN="CENTER"> SEBAHELP.COM </H1>
<A HREF="file:///C:/Users/Lenovo/Desktop/ORDEREDLIST.HTML"><IMG SRC="seba.JPG" HEIGHT=500 WIDTH=300></A>
<VIDEO SRC = "C:\Users\Lenovo\Desktop\sebavideo.MP4" WIDTH = 300 HEIGHT = 300 AUTOPLAY CONTROLS>
</BODY>
</HTML>3. Ritika was writing an article using HTML. The article contains some external links to other website contains additional information. How can she link these together so that the user can visit the destination of the external links by clicking on them?
Ans: Ritika should use the Anchor tag <A> along with “href” attribute which links to destination page or URL so that the user can visit the destination of the external links by clicking on them.
e.g.
<HTML>
<HEAD>
<TITLE> Article written by Ritika </TITLE>
</HEAD>
<BODY>
<H1 ALIGN="CENTER">For better preparation, kindly visit following website where SEBA|HSLC|ASSAM|CLASS 10 NOTES ARE AVAILABLE</H1>
<A HREF="https://sebahelp.com/">click to view notes for class 10</A>
</BODY>
</HTML>4. Priyanka wants to create a form but she has forgotten the tag used to create the form. Can you help her with the solution?
Ans: The <FORM> tag is used to create an HTML form.
IV. ANSWER THE FOLLOWING:
1. Why do you include hyperlinks in your web page? Give any two reasons.
Ans: i) Hyperlink provides us a facility to link one part of a web pa ge to another section on the same page.
ii) Hyperlink also helps us to link one page to another web page of the same website or another website.
2. Distinguish between the internal and external linking.
Ans: • Internal linking: When one part of a web page is linked to another section on the same web page, it is called internal linking. In this case, the hyperlink and the linked section appear on the same web page.
• External linking: When one page is linked to another web page of the same website or another website, it is called external linking.
3. What are frames? How are they useful?
Ans: Frames in HTML allows user to divide the web page into several independent window.
They are useful in showing multiple views in one time. They also help in making one part static and while other parts to change as per other command.
4. What are two types of text input in HTML web forms?
Ans: i) Single-line text input controls.
ii) Multi-line text input controls.
5. Which input control is most useful for questions requiring a simple yes or no answer?
Ans: Radio Box Controls.
6. What is the use of password control in HTML forms?
Ans: Password control is also a single-line text input but it masks the character as soon as a user enters it. The main purpose of password control is to maintain the privacy of our passwords.
7. What is the use of <INPUT> tag?
Ans: <INPUT> tag is used in the HTML <form> element which provides a document section to take input from user. It provides various interactive controls for submitting information to web server such as text field, text area, password field, etc.
8. What are the uses of Submit and Reset buttons?
Ans: Submit button is used for submitting form data to form handler.
Reset button is used to reset form controls to their initial values.
V. LAB ACTIVITY
1. Create a web page where a person has to choose a day of the month from a drop – down list. The page should also allow the person to enter two lines on what the person plans to do on.
<HTML>
<HEAD>
<TITLE> Choose Your Day </TITLE>
</HEAD>
<BODY>
<FORM>
Choose Date: <SELECT>
<OPTION> 1 </OPTION>
<OPTION> 2 </OPTION>
<OPTION> 3 </OPTION>
<OPTION> 4 </OPTION>
<OPTION> 2 </OPTION>
<OPTION> 5 </OPTION>
<OPTION> 6 </OPTION>
<OPTION> 7 </OPTION>
<OPTION> 8 </OPTION>
<OPTION> 9 </OPTION>
<OPTION> 10</OPTION>
<OPTION> 11</OPTION>
<OPTION> 12</OPTION>
<OPTION> 13</OPTION>
<OPTION> 14</OPTION>
<OPTION> 15</OPTION>
<OPTION> 16</OPTION>
<OPTION> 17</OPTION>
<OPTION> 18</OPTION>
<OPTION> 19</OPTION>
<OPTION> 20</OPTION>
<OPTION> 21</OPTION>
<OPTION> 22</OPTION>
<OPTION> 23</OPTION>
<OPTION> 24</OPTION>
<OPTION> 25</OPTION>
<OPTION> 26</OPTION>
<OPTION> 27</OPTION>
<OPTION> 28</OPTION>
<OPTION> 29</OPTION>
<OPTION> 30</OPTION>
<OPTION> 31</OPTION>
</SELECT><BR><BR><BR>
Choose the month: <SELECT>
<OPTION>January </OPTION>
<OPTION> February </OPTION>
<OPTION>March </OPTION>
<OPTION>April </OPTION>
<OPTION>May </OPTION>
<OPTION>June </OPTION>
<OPTION>July </OPTION>
<OPTION> August </OPTION>
<OPTION> September </OPTION>
<OPTION> October </OPTION>
<OPTION> November </OPTION>
<OPTION> December</OPTION>
</SELECT><BR><BR><BR>
Choose Year: <SELECT>
<OPTION>2022 </OPTION>
<OPTION> 2023</OPTION>
<OPTION>2024 </OPTION>
<OPTION>2025 </OPTION>
<OPTION> 2026</OPTION>
<OPTION> 2027</OPTION>
<OPTION> 2028</OPTION>
<OPTION> 2029</OPTION>
<OPTION> 2030</OPTION>
</SELECT><BR><BR><BR>
Choose the day name:
<SELECT>
<OPTION>Sunday</OPTION>
<OPTION>Monday</OPTION>
<OPTION>Tuesday</OPTION>
<OPTION>Wednesday</OPTION>
<OPTION>Thursday</OPTION>
<OPTION>Friday</OPTION>
<OPTION>Saturday</OPTION>
</SELECT><BR><BR><BR>
Planning: <TEXTAREA ROWS =2 COLS=20></TEXTAREA> <BR>
</ FORM>
</BODY>
</HTML>2. Create an HTML document on the topic HTML list and HTML Tables. The web page should contain two frames where in one frame with HTML List and in other HTML Tables.
Code:
list.html
<!DOCTYPE html>
<html>
<head>
<title> HTML List </title>
</head>
<body>
<ol>
<li>Sebahelp.com</li>
<li>Seba board</li>
<li>Assam</li>
</ol>
</body>
</html>table.html
<!DOCTYPE html>
<html>
<head>
<title>
list of Mobile phones with features
</title>
</head>
<body text=white> <H1 align=center>
<FONT COLOR=BLUE> CH-2, PART-3, V.2. ACTIVITY</FONT>
</H1> <P>Below are some of the common color names and codes.</P>
<FONT SIZE=5 color=brown>
<TABLE border=2 width=80% align=center>
<CAPTION> LIST OF MOBILES WITH FEATURES </CAPTION>
<TR> <TH> MOBILE NAME</TH> <TH> FEATURES</TH> </TR>
<TR> <TD> 1. Apple iPhone 13 Pro Max </TD> <TD> Hexa Core (3.23 GHz, Dual Core + 1.82 GHz, Quad core) Apple A15 Bionic 6 GB RAM Display: 6.7 inches (17.02 cm) 457 PPI, OLED 120 Hz Refresh Rate Camera: 12 MP + 12 MP + 12 MP Triple Primary Cameras Dual LED Flash 12 MP Front Camera Battery: 4352 mAh Fast Charging Lightning Port</TD> </TR>
<TR> <TD> 2. Samsung Galaxy S22 Ultra </TD> <TD> Octa core (3 GHz, Single Core + 2.4 GHz, Tri core + 1.7 GHz, Quad core) Snapdragon 8 Gen 1 12 GB RAM Display 6.8 inches (17.27 cm) 501 PPI, Dynamic AMOLED 120 Hz Refresh Rate Camera 108 + 12 + 10 + 10 MP Quad Primary Cameras LED Flash 40 MP Front Camera Battery 5000 mAh Fast Charging USB Type-C Port</TD> </TR>
<TR> <TD> 3. Vivo X80 Pro Plus 5G</TD> <TD>Octa core (3.2 GHz, Single Core + 2.75 GHz, Tri core + 2 GHz, Quad core) Snapdragon 8 Plus Gen 1 8 GB RAM Display6.78 inches (17.22 cm) 518 PPI, AMOLED 120 Hz Refresh Rate Camera50 + 48 + 12 + 12 MP Quad Primary Cameras LED Flash 44 MP Front Camera Battery4700 mAh Flash Charging USB Type-C Port</TD> </TR>
<TR> <TD> 4. Xiaomi 12 Pro 5G </TD> <TD> Octa core (3 GHz, Single Core + 2.5 GHz, Tri core + 1.8 GHz, Quad core) Snapdragon 8 Gen 1 8 GB RAM Display 6.73 inches (17.09 cm) 521 PPI, AMOLED 120 Hz Refresh Rate Camera 50 MP + 50 MP + 50 MP Triple Primary Cameras Dual-color LED Flash 32 MP Front Camera Battery 4600 mAh Hyper Charging 4.0 USB Type-C Port</TD> </TR> <TR> <TD> 5.OnePlus 10 Pro </TD> <TD>Octa core (3 GHz, Single Core + 2.5 GHz, Tri core + 1.8 GHz, Quad core) Snapdragon 8 Gen 1 8 GB RAM Display 6.7 inches (17.02 cm) 526 PPI, Fluid AMOLED 120 Hz Refresh Rate Camera 48 MP + 50 MP + 8 MP Triple Primary Cameras Dual LED Flash 32 MP Front Camera Battery 5000 mAh Super VOOC Charging USB Type-C Port</TD> </TR>
</TABLE>
</FONT>
</body>
</html>frame.html
<html>
<head>
<title> iFrame </title>
</head>
<body bgcolor = lightblue>
<p>
<font size=4>iFrames in HTML</font>
</p>
<iframe src="table.html" ></iframe>
<iframe src="list.html" ></iframe>
</body> </html>
I am very happpy to see these answers . They were really helpfull to me. I was struglling to ger the explanation of 3. b. question . But, your website solved my problem . Thank you very very much.