Page 87 - Trackpad_V4.0_c6_Flpbook
P. 87

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    85
   82   83   84   85   86   87   88   89   90   91   92