Page 180 - Computer Software Application TP - Volume 1
P. 180

COMPUTER SOFTWARE APPLICATION - CITS



                 <div class=”container”>

                 <h1>Welcome to my website</h1>
                 <p>This is a paragraph with some text.</p>
                 <p>This is using Internal Stylesheet.</p>
                 </div>
                 </body>

                 </html>
              3  Save the program as a .html file
              4  Open the html file with a web browser
              5  Verify the output.
























           TASK 8: Using Inline CSS
           1  Open the text editor
           2  Write the following codes
              <html lang=”en”>
              <head>
              <meta charset=”UTF-8”>

              <meta name=”viewport” content=”width=device-width, initial-scale=1.0”>
              <title>Inline CSS Example</title>
              </head>
              <body>
              <div style=”font-family: Arial, sans-serif; background-color: #f0f0f0; color: #333;”>

              <h1 style=”color: #007bff;”>Welcome to my website</h1>
              <p style=”line-height: 1.6;”>This is a paragraph with some text.</p>
              </div>
              </body>

              </html>
           3  Save the program as a .html file
           4  Open the html file with a web browser
           5  Verify the output.



                                                           165
                               CITS : IT & ITES - Computer Software Application - Exercise 44
   175   176   177   178   179   180   181   182   183   184   185