//css.html
<html>
<head>
<title>css</title>
</head>
<body bgcolor=#112233>
<em>
<h1 style="Background-color:#808080; color:#000080;">
<center> CASCADING STYLE SHEETS </center>
</h1>
</em>
<h4 style="color:#aabbcc;">
3 WAYS OF CSS DECLARATION
</h4>
<ul>
<li><a href = "inlinecss.html" > Inline css</a>
<li><a href = "internalcss.html" > Internal css</a>
<li><a href = "externalcss.html" > External css</a>
</ul>
</body>
</html>
// inlinecss.html
<html>
<head>
<title>Inline css</title>
</head>
<body style="background-color:#cc99f0;">
<em style="background-color:#ffcccc; color:#aa33ff; width:100%;">
<h1 style="font-family:"courier new"; color:#6633ff; left:20px;">
<center> TAGORE ENGINEERING COLLEGE </center>
</h1>
<h4 >
<center> Rathinamagalam </center>
</h4>
</em>
<h2 style="font-family:"monospace"; color:#6633ff; left:20px;">
<center> COMPUTER SCIENCE ENGINEERING </center>
</h2>
<h3> Internet Programming Lab </h3>
<ol>
<li>Layouts
<li>Awt controls
<li>Applets
<li>Server side program
<li>chat program
</ol>
</body>
</html>
//internalcss.html
<html>
<head>
<title>Internal css</title>
<style type="text/css">
em { background-color: #00ffff; color:#cc9933; width:100%; }
h1 { font-family:"courier new"; color:#6633ff; left:20px; }
h2 { font-family:"monospace"; color:#6633ff; left:20px; }
body { background-color: #00ff00; }
.special { color:#ff0000; }
</style>
</head>
<body>
<em>
<h1 class="special">
<center> TAGORE ENGINEERING COLLEGE </center>
</h1>
<h4 class="special">
<center> Rathinamagalam </center>
</h4>
</em>
<h2>
<center> COMPUTER SCIENCE ENGINEERING </center>
</h2>
<h3> Internet Programming Lab </h3>
<ol>
<li>Layouts
<li>Awt controls
<li>Applets
<li>Server side program
<li>chat program
</ol>
</body>
</html>
//externalcss.html
<html><head>
<title>External css</title>
<link type="text/css" href="external.css" rel="stylesheet">
</head>
<body>
<em>
<h1 class="special">
<center> TAGORE ENGINEERING COLLEGE </center>
</h1>
<h4 class="special">
<center> Rathinamagalam </center>
</h4>
</em>
<h2>
<center> COMPUTER SCIENCE ENGINEERING </center>
</h2>
<h3> Internet Programming Lab </h3>
<ul>
<li>Layouts
<li>Awt controls
<li>Applets
<li>Server side program
<li>chat program
</ul>
</body>
</html>
//external.css
em { background-color: #ffff33; color:#cc3553; width:100%; }
h1 { font-family:"courier new"; color:#635633; left:20px; }
h2 { font-family:"monospace"; color:#33ff66; left:20px; }
body { background-color: #00000f; color:#672933;}
.special { color:#ff0000; }
Output:
