Basic HTML Version

|  | Table of Contents |  | View Full Version

Page 119 - 2617_JSSPS_C-6
P. 119

    Explore in the Lab                                       21 st  Century   #Information Literacy
                                                                                          Skills
                                                                                               #Creativity
                      To
                      Subject  Creating Web Pages
                       1.  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.

                       2.   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.
                       3.  Create a web page on "Earth Day" in HTML5 similar to the one 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’.

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

                                                                                        Introduction to HTML5 & CSS3   117

| 114 115 116 117 118 119 120 121 122 123 124 |