Page 187 - Web Applications (803) Class 11
P. 187

Lab Assignment ‘n Activity                        Experiential Learning

                                                                                                   Computational Thinking
                    1.  Type the following code and see the output.

                      <!DOCTYPE html>
                       <html>
                      <head>

                      <style>
                      /*Internal CSS using element name*/
                      body{background-color:ghostwhite;
                      text-align: center;}
                      h2{font-style: italic;
                      font-size: 35px;
                      color: #f08080;}

                      p{font-size: 20px;}
                      /*Internal CSS using class name*/
                      .blue{color: blue;}
                      .red{color: red;}
                      .green{color: green;}

                      </style>
                      </head>
                      <body>
                      <h2>Learning HTML with CSS</h2>
                      <p class="blue">Inline CSS helps apply CSS in a single element.</p>
                      <p class="red">CSS stands for cascading style sheets</p>

                      <p class="green">Green is the colour of the trees and plants</p>
                      </body>
                      </html>
                    2.  Type the following code and see the output.
                      <!DOCTYPE html>
                      <HTML> <HEAD> <STYLE>

                      H1 {color: blue; font-family: verdana; font-size: 32px; text-align:
                      center}
                      H2 {color: Green; font-family: Arial; font-size: 25px; text-align:
                      center}
                      </STYLE> </HEAD>
                      <BODY>

                      <H1>Computer</H1>






                                                                            Website Development using HTML and CSS   185
   182   183   184   185   186   187   188   189   190   191   192