Cascading Style Sheet Example Program in TGMC

Cascading  Style Sheet Example Program for TGMC
XYZ.CSS:

h3{font-family:arial;font-size:20;color:cyan}

table{border-color:green}

td{font-size:20pt;color:magenta}


HTML CODE:

<html>

<head>

<center>ALL STYLE SHEETS</center>

<title>USE of INTERNAL and EXTERNAL STYLESHEETS </title> <link rel="stylesheet" href="xyz.css" type="text/css"> <style type="text/css"> .vid{font-family:verdana;font-style:italic;color:red;text-align:center} .ani{font-family:tahoma;font-style:italic;font-size:20;text-align:center;} font{font-family:georgia;color:blue;font-size:20} ul{list-style-type:circle} </style> </head> <body> <ol style="list-style-type:lower-alpha"> <b>A. GROUP OF COLLEGES</b><br><br><br> <li>Raj1 Engineering College <li>Dr University and Research Institute <li>Raj College of Engineering <li>EE Engg college </ol> <p style="font-size:20pt;color:purple">A.C.S GROUP OF COLLEGES</p> <p class="ani">A.C.S Group of colleges is owned by Prem.<br>It is approved by International Council It is affliated to International University<br></p> <h2 class="vid">L.N College of Engg</h2> <br> <br> <font>

List of Courses offered

<ul> <li>Computer Science and Engineering</li> <li>Ece</li> <li>mech</li> <li>eee</li> </ul> </font>

Results of cse students

<table width="100%" cellspacing="2" cellpadding="2" border="5"> <tr> <th>S.NAME</th> <th>MARKS</th> <th>RESULT</th> </tr> <tr> <td align="center">Dinesh</td> <td align="center">100</td> <td align="center">pass</td> </tr> <tr> <td align="center">Bala</td> <td align="center">99</td> <td align="center">pass</td> </tr> <tr> <td align="center">Gopi</td> <td align="center">98</td> <td align="center">pass</td> </tr> </table> </body> </html>