Basic HTML Version

|  | Table of Contents |  | View Full Version

Page 107 - logicode 2609 C6
P. 107

    c.    Riya is designing a webpage and wants to style only one special heading differently without changing
                            the design of any other headings on the page. Which type of CSS should Riya use to apply a unique
                            style to only one heading and how is this CSS added within HTML?
                        d.    Aman is customising text on his webpage and wants it to appear larger, bolder and slightly slanted
                            to attract users’ attention. Which CSS font properties should Aman use to control text size, thickness
                            and style and what does each property change?

                        e.    A content box on a webpage looks too crowded because it touches nearby elements, making the
                            layout appear untidy and difficult to read. Which CSS margin property can be used to create equal
                            space around the box on all sides, improving the webpage layout?

                                                                                                 21 st   #Creativity
                        LAB ACTIVITY                                                           Century   #Technology Literacy
                                                                                                 Skills

                      ▶  Create a web page titled “Healthy Eating Habits” using a heading and a paragraph.
                          Set a background image and adjust it to fit the page.
                          Give the heading a medium purple background.
                          Change the paragraph font to Verdana, size 4 and colour to dark green.
                          Add some spacing around the heading and paragraph using margin or padding.

                          Save the page and open it in a browser to see your changes.

                      ▶  Create the given web page by writing HTML code:

                        FOR THE TEACHER
                      1.   Demonstrate CSS properties like text color, background color and font size through practical activities.
                      2.  Explain the key concepts of CSS and why it is important for designing good-looking web pages.

                                                                                                   CSS3–Styling Basics  105

| 102 103 104 105 106 107 108 109 110 111 112 |