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

