Page 109 - iPrime_V2.2_class6
P. 109

Computational Thinking



                        Create a web page with the name Moon.html to display the following information about
                      Moon:

                      “The  Moon  is  Earth’s  only  natural  satellite.  It  orbits  around  the  Earth  and  is  the  fifth
                      largest moon in the Solar System.”
                      Apply the red colour to the background of the web page and white colour to the text
                      using internal CSS. The output should look like this:

                   The Moon is Earth's only natural satellite. It orbits around the Earth and is the fifth largest moon in the Solar System.


                        Create the following web page using the clues given below:

                      Success is no accident. It is hard work, perseverance, learning, studying, sacrifice, and most of all, love of what
                      you are doing or learning to do.
                                                                                                           – Pele

                     •  Title of the web page should be ‘Hard Work Quote’.

                     •  Save the web page with the name ExternalCSS.html
                     •  Create a separate CSS file with the name style.css.
                     •  Background colour of the web page should be lightgreen.

                     •  Text colour should be red.
                     •  Add the reference of the stylesheet using the <LINK> tag.
                        Create a web page on “Earth Day” in HTML5 similar to the one              Interdisciplinary
                      given below using the following instructions:
                     •  The title of the web page should be EARTH DAY.
                     •  The background colour of the page should be ‘Cyan’.
























                 1.  Explain the basic structure of an HTML5 document.
                 2.  Do a walk-through of all the HTML Tags discussed in this chapter.
                 3.  Explain three ways to use CSS styles in an HTML document.

                                                                                         HTML—An Introduction      107
   104   105   106   107   108   109   110   111   112   113   114