Class X Chapter 5 Know More About HTML

Transcription

1 Class X Chapter 5 Know More About HTML I. Crossword Clues Down 1. An attribute of Anchor element that is used as a ToolTip of the hyperlink. 4. This attribute provides the alternative text which is displayed if the image is not displayed in the web page. 5. This attribute specifies the location of the image that is to be displayed in the web page. 7. This attribute specifies the alignment of the table across the width of a page. 9. This attribute specifies the width of a border around the image. 11. This attribute implies the colour for hyperlinks that have not yet been visited. Across 2. This attribute is used to represent numbers as Arabic numbers or Roman numbers or letters in an ordered list. 3. This attribute specifies the distance between adjacent cells of a table. 6. This attribute is used to change the starting point of the series of numbers or letters in the list. 8. This attribute is used to specify how many rows a table cell should span. 10. This attribute is used to specify colour for the border of a table. 12. This element allows you to link various web pages or different sections of the same page. II. Identify and name Write the HTML tags to do the following. (a) Add a row in a table (b) Insert an image in a web page (c) Create an unordered list (d) To define a cell in the row of a table (e) Create a hyperlink 1

2 III. State three facts about: 1. TH element 2. Alt attribute 3. Ordered list 4. ANCHOR element 5. Internal linking IV. Observe and answer Write the HTML code to create the following web page. Note the following points while generating the web page: Title of page is "Global Warming" Link colour is green 2

3 Font style for the page is Arial Heading of the page is blue Image used is warming.png Table border is 2px and border colour is red Use links as : For Greenhouse gases as one.html For Particulates and soot as two.html For Solar Activity as three.html id for bottom message is abc@xyz.com V. Application-oriented Questions 1. Observe the following table and write the HTML code to generate it. 2. Ankit s computer teacher is teaching HTML in the class and she has given an assignment to Ankit to create this ordered list. C. Information Technology D. English E. German Write the HTML code segment to help Ankit in completing the assignment. 3. Shalini is creating a web page in which she wants to display a table. She has written the following code segment to display the table. But she wants to increase the distance between adjacent cells of the table. What modifications she should make in the code in order to accomplish this task. <TABLE BORDERCOLOR="white" BGCOLOR="pink" ALIGN ="CENTER"> <TR > <TH>Roll no.</th><th>name</th> <TD>1</TD><TD>Kanika</TD> <TD>2</TD><TD>Anima</TD> </TABLE> 3

4 4. Aman is creating a web page in which his teacher has asked him to use internal as well as external links. But he does not know the difference between internal linking and external linking. Explain him the difference between the two. I. Crossword Answers II. Identify and name (a) (b) <IMG> (c) <UL> (d) <TD> (e) <A> III. State three facts about: 1. Three facts about TH element are: (a) The TH element is used to specify the headings of cells within a row or a column or both of a table. (b) The table headings usually appear in bold or in larger font to differentiate them from the rest of the table. (c) Some attributes associated with TH element are align, bgcolor, width, rowspan and colspan. 2. Three facts about alt attribute are: (a) Alt is an attribute of IMAGE element. (b) It is used to specify the alternative text, which is displayed if the image is not displayed in a web page. (c) The browser shows the alt attribute's text displayed as a label next to the image placeholder icon, if the image is not displayed due to any reason. 3. Three facts about an ordered list are: (a) An ordered (or numbered) list is used to list items in a specific order. 4

5 (b) The OL element enables to include an ordered list in a web page. (c) The individual list items in an ordered list are created using the <LI> element, which is enclosed between <OL> and </OL> tags. 4. Three facts about ANCHOR element are: (a) The ANCHOR element <A> is used to specify the destination of the hyperlink in order to create the linking. (b) It is a container element. The text or image enclosed within <A> and </A> tags becomes the hyperlink. (c) Various attributes of <A> element are href, name, title and mailto. 5. Three facts about internal linking are: (a) Internal linking refers to the linking of different sections within the same web page. This implies that when a hyperlink in one section of the web page is clicked, it takes you to another section in the same web page. (b) Internal linking provides faster access to the information in a large document as it saves the time to scroll down the entire web page and access the information. (c) To create a link within the same document, two <A> elements are used. The first <A> element is specified by the href attribute, while the other with the name attribute. IV. Observe and answer 1. The code for the given web page is given here. <HTML> <TITLE>Global Warming</TITLE> <BODY LINK="green"> <FONT FACE="Arial" COLOR="blue"> <H1 ALIGN="center">GLOBAL WARMING</H1> </FONT> <BR><BR> <FONT FACE="Arial">Global warming is the observed century-scale rise in the average temperature of Earth's climate system. <BR><BR> Since the early 20th century, the global air and sea surface temperature has increased about 0.8<SUP>o</SUP>C(1.4<SUP>o</SUP>F), with about two-thirds of the increase occurring since Initial causes of temperature changes: <IMG SRC="warming.png" ALIGN="right"> <UL> <LI><A HREF="one.html">Greenhouse gases</a> <LI><A HREF="two.html">Particulars and soot</a> <LI><A HREF="three.html">Solar Activity</A> </UL> <CENTER>Observed and expected environmental effects <TABLE BORDER=2 BORDERCOLOR="red"> <TD VALIGN="middle">Natural systems</td> <TD VALIGN="middle">Ecological systems</td> <TD VALIGN="middle">Long-term effects</td> <TD VALIGN="middle">Large-scale and abrupt impacts</td> 5

6 <TABLE> <BR><BR> <A more Details</A> </CENTER> </BODY> </HTML> V. Application-oriented Questions 1. The HTML code segment to generate the given table is as follows. <TABLE BORDER=3> <TD ROWSPAN=2>English</TD> <TD>Grammar</TD> <TD>Comprehension</TD> <TD ROWSPAN=2>Maths</TD> <TD>Algebra</TD> <TD>Physics</TD> <TD ROWSPAN=3>Science</TD> <TD>Physics</TD> <TD>Chemistry</TD> <TD>Biology</TD> </TABLE> 2. Ankit should type the following HTML code to create the given list. <OL TYPE="A" START="3"> <LI>Information Technology <LI>English <LI>German </OL> 3. Shalini should use the CELLSPACING attribute with in the TABLE tag to increase the distance between adjacent cells of the table as shown here. <TABLE BORDERCOLOR="WHITE" BGCOLOR="PINK" ALIGN ="CENTER" CELLSPACING="6"> 6

7 4. Internal linking refers to the linking of different sections in the same document. This implies that when a hyperlink in one section of the web page is clicked, it directs you to the desired location in the same web page. In contrast, external linking refers to the linking between different web pages. This implies that when you click a hyperlink in one web page, it opens another web page, image, etc. 7