(IX) HTML Notes

HTML - 10 Marks 1. Define HTML. Answer:HTML stands for Hyper Text Markup Language , is used to prepare web pages, which are used in Internet to exchange data and information. 2. Who and When HTML was developed? Answer:Tim Berners Lee developed HTML in 1990. 3. Give any four examples of markup languages. Answer:(i) HTML (ii) XML (iii) SGML (iv) IBM GML HTML = Hypertext Markup Language XML = Extensible Markup Language SGML=Standard Generalized Markup Language IBM GML=International Business Machine Generalized Markup Language 4. Mention any four advantages of HTML. Answer: Four advantages of HTML are: i. Easy to learn and use ii. Supported by all browsers iii. HTML is free iv. Easy to embed with other language like JavaScript, PHP,CSS etc. 5. Define web browser. Give two examples. Answer: An application program that is stored in the user's computer, used to view the information of documents or Web Pages from around the world is called Web Browser. Example: Google Chrome, Microsoft Internet Explorer (IE) etc. 6. What is IoT(Internet of Things)? Answer: An emerging technology across the world, which helps to connect sensors, vehicles, hospitals, industries and consumers through internet connectivity is called IoT. 7. Define HTTP. Answer: HTTP is Hypertext Transfer Protocol that is used to make communication between the client's browser and the Web server. When HTTP receives request from a browser, the Web server will try to find the web page requested. If the web page is found, the server sends the requested web page to the respective client. If the requested web page is not found then the error message is sent as its response to the client's browser. 8. Define URL with one example. Answer: HTTP uses the internet address in special format, is called Uniform Resource Locator (URL). It contains protocol, the server name , the directory name and the file name. Example: https://www.plkcomputersir.blogspot.com/p/welcome.html Here, https is protocol, www.plkcomputersir.blogspot.com is Server Name , P is directory , welcome.html is Webpage. 9. What is cloud computing. Write down its two uses/advantages. Answer: Information technology that provides services such as storage, databases, networking , software using Internet ("the cloud") is called cloud computing. Advantages of cloud computing are: - It provides fast service. - It allows user to share resources in variety of people. 10. Define Upload and download. Answer: The sending of data from local system to a remote system such as a server with the intent that the remote system should store a copy of the data being transferred is called Upload. Receiving data to a local system from a remote system, or to initiate such a data transfer from a web server, email server, or similar systems is called Download. 11. Define search engine. List two examples of search engine. Answer: A web based tool that is used by people to locate information on the internet is called search engine. Two examples of search engine are: (i) Google (ii) Bing (iii) Yahoo (iv) DuckDuckGo 12. Define HTML tags. List two types of HTML tag. Answer: Instructions that give signals to a browser that should do something other than throwing the text up on the screen is called HTML tags. Two types of HTML tags are: (i) Paired Tag or Container Tag (ii) Singular Tag or Empty Tag 13. Differentiate between paired tag and empty tag with some examples.
Paired Tag  Empty Tag
(i) The HTML tag which has both opening and closing tag is called Paired Tag. (i) The HTML tag which does not have a closing tag is called empty tag.
(ii) Example: <B> Text </B>,H<Sub> 2 </Sub>O etc. (ii) Eg: <BR> , <HR> ,<IMG> etc
14. What are comment Tag(<!-- ..... -->). How can you add comments to your HTML code? Answer: The explanatory line of HTML code which will not be displayed on the web page itself is called comment Tag. We can use a comment to explain tag/code, which can help us when we edit the source code later. Comments in HTML always begin with <!-- and end with -->. The browser ignores any text or tags placed inside a comment. <!-- -- Comment here --> Comment tag requires exclamation(!) symbol after opening bracket, but not before the closing bracket. 15. Define tag attribute. List the attributes of <Body> , <HR> and <Font> tag. Answer:Other properties of tags, which are used to provide additional information to the browser is called tag attribute. Attributes of <Body> tag are Bgcolor, Background, Text, Leftmargin, Topmargin. Attributes of <HR> tag are Align, Size, Width, Color. Attributes of <Font> tag are Face, Size, Color. 16. Write down the basic structure of HTML. <html> <head>       <title> Title of Web Page </title> </head> <body>          Main contents goes here --- </body> </html> 17. HTML tags based questions: (a) How would you display text in the title bar of browser? Ans: By using <title> tag (b) <HR color=red" > Name the tag, attribute and value from this tag. Ans: Tag Name: HR , Attribute : color and Value: red (c) Write an example of paired tag and empty tag. Ans: Paired Tag: <B> ..... </B
         Empty Tag: <BR> (d) Name the tag with attributes used for adding background image in HTML document. Ans: Tag Name: Body and Attribute Name: Background 18. Write down the HTML code for the following tasks: (a) Underline your name Ans: <U> Er. Purushottam Lal Karn</U> (b) Make bold to your school name Ans: <B> Rosebud School </B> (c) Write HTML code to display all levels of heading tag, where header text is Computer Science. Ans: <h1> Computer Science </h1> <h2> Computer Science </h2> <h3> Computer Science </h3> <h4> Computer Science </h4> <h5> Computer Science </h5> <h6> Computer Science </h6> (d) Scroll text (PLK computer SIR) in alternate behavior with red color background Ans: <marquee behavior="alternate" bgcolor="red"> PLK computer SIR </marquee> 19. Make a list of following:
Types of RAM 1. SRAM 2. DRAM Ans: <ol type="1"> <li> SRAM </li> <li> DRAM </li> </ol>
Types of RAM A. SRAM B. DRAM Ans: <ol type="A"> <li> SRAM </li> <li> DRAM </li> </ol>
Types of RAM
  1. SRAM
  2. DRAM
Ans: <ol type="i"> <li> SRAM </li> <li> DRAM </li> </ol>
Types of RAM
  • SRAM
  • DRAM
Ans: <ul type="disc"> <li> SRAM </li> <li> DRAM </li> </ul>
Types of RAM
  • SRAM
  • DRAM
Ans: <ul type="square"> <li> SRAM </li> <li> DRAM </li> </ul>
Types of RAM
  • SRAM
  • DRAM
Ans:
<ul type="circle"> <li> SRAM </li> <li> DRAM </li> </ul>

20. Write HTML code for following:

(a) (a+b)2=a2+2ab+b2 Ans: (a+b)<sup>2</sup>=a<sup>2</sup>+2ab+b<sup>2</sup>
(b) (a+b)3=a3+3a2b+3ab2+b2 Ans: (a+b) <sup>3</sup> =a<sup>3</sup>+3a<sup>2</sup>b+3ab<sup>2</sup>+b<sup>3</sup>
(c) (a-b)3=a3-3a2b+3ab2-b3 Ans: (a-b)<sup>3</sup> =a<sup>3</sup> -3a<sup>2</sup>b +3ab<sup>2</sup> -b<sup>3</sup>
(d) (a+b)4=a4+4a3b+6a2b2+4ab3+b4 Answer: (a+b)<sup>4</sup> =a<sup>4</sup> + 4a<sup>3</sup>b + 6a<sup>2</sup>b<sup>2</sup> +4ab<sup>3</sup>+b<sup>4</sup>
(e) 2H2+O2→2H2O Ans: 2H<sub>2</sub>+O<sub>2</sub>&rarr;2H<sub>2</sub>O
(f) CH4+2O2→CO2+2H2O Ans: CH<sub>4</sub>+2O<sub>2</sub> &rarr; CO<sub>2</sub>+2H<sub>2</sub>O
(g) Zn+H2SO4→ZnSO4+H2 Ans: Zn+H<sub>2</sub> &rarr; ZnSO<sub>4</sub>+H<sub>2</sub> &uarr;
(h) H2SO4+2NaOH→Na2SO4+2H2O Ans: H<sub>2</sub>SO<sub>4</sub>+2NaOH &rarr;Na<sub>2</sub>SO<sub>4</sub>+2H<sub>2</sub>O
(i) Make a horizontal of size (3) with red color Ans: <hr size="3" color="red">
(j) Make green background color with red color text Ans: <body  bgcolor="green" text ="red">
(k) Write your name with font name candara with size 5 in blue color ANs: <font face="candara" size="5" color="blue"> Er. Purushottam </font>
(l) Scroll the text "PLK computer SIR" with orange color background Ans: <marquee bgcolor="orange"> PLK computer SIR </marquee>
(m) Make an ordered list of Upper Case Roman numerals start by V of SRAM and DRAM Ans: <ol type ="I" start="5"> <li> SRAM </li> <li> DRAM </li> </ol>
21. Make following table:
Merged Cells
D1 D2
D3 D4
Ans:
<table border="1">
<tr>
       <th colspan="2"> Merged Cells </th>
</tr>

<tr>
        <td> D1</td>
        <td> D2 </td>
</tr>

<tr>
          <td> D3</td>
          <td> D4 </td>
</tr>
</table>

22. Make a table of Size 2×2 with 500 width and border size 3 , where first row is for table header.
a b
c d
Ans:
<table border="3" width=500>
 <tr>
       <th> a</th>
        <th> b</th>
 </tr>
 
<tr>
       <td> c</td>
       <td>d</td>
 </tr>

</table>
23. Insert image file("abc.jpg") with dimensions 300×300 Ans: <img src="abc.jpg" height="300" width="300">
24. Insert hyperlink to text (Youtube) to the destination "https://youtube.com/plkcomputersir" Ans: <a href="https://youtube.com/plkcomputersir"> Youtube </a>
25. Correct the following HTML code:
(a) <OL TYPE="I" START="V">
Ans: <OL TYPE="I" START="5">
(b) <A SRC="plkcomputersir.blogspot.com"> PLK computer SIR </A> Ans: <A HREF="plkcomputersir.blogspot.com"> PLK computer SIR </A>
(c) <BODY BG COLOR="GREEN" TEXT="WHITE"> Ans: <BODY BGCOLOR="GREEN" TEXT="WHITE">
(d) <B> <I> PLK computer SIR </B></I> Ans: <B> <I> PLK computer SIR </I> </B>
(e) <IMAGE SRC="sky.gif"> Ans: <IMG SRC="sky.gif">
26. What is hyperlink or hypertext in HTML. List its types. Ans: Clicking on a special spot opens a new web page or allows jumping to the different locations of the same page. Such links are called hyperlink or hypertext or Hotspot.
27. In How many ways hyperlink can be created. Ans: Two ways , (i) Internal Link (ii) External Link
28. List any four elements of HTML form. Ans: (i) text (ii) radio (iii) textarea (iv) submit
29. Define CSS. Mention its two advantages/role in web design.
Answer:  A technique to design a web page presentable in much more interactive and user friendly way is called CSS(Cascading Style Sheet). It is a powerful mechanism for adding styles such as fonts, colors, border, background etc.
Two advantages of CSS are:
(i) It reduces HTML codes.
(ii) It can be defined once and it can be used in multiple HTML pages.
30. What is CSS? Mention its types. Ans: A technique to design a web page presentable in much more interactive and user friendly way is called CSS(Cascading Style Sheet). It is a powerful mechanism for adding styles such as fonts, colors, border, background etc. There are three different ways of using style sheet which are: (i) Inline Style Sheet (ii) Internal Style Sheet (iii) External Style Sheet
31. Differentiate between Internal Style Sheet and External Style Sheet.
Internal Style SheetExternal Style Sheet
(i) An internal style sheet may be used if one single page has unique style.(i) External style sheet is used when the styles are required on the web site i.e. multiple web pages.
(ii) Internal styles are defined within the <style> element inside the <head> section of an HTML page.(ii) External styles are created in separate file than HTML file with ".css" extension.

32. Define inline style sheet. Ans: CSS can be written inside of HTML tag using the style attribute which is called an "Inline Style". Inline style may be used to apply a unique style for single element.
The End