In this tutorial, I will show you how to use an Internal Cascading Style Sheet. There are 3 types of Cascading Style Sheet (CSS) and these are:
* Inline CSS
* Internal CSS
* External CSS
Internal CSS are placed between the <HEAD> </HEAD> tag of Hypertext Mark-up Languange (HTML) page. It used to format HTML tag like Heading, Paragraph and even Body. Using CSS in HTML page lessen the encoding time by pre-formatting common HTML tags and re-use it in your HTML page.
Here are the following codes used in this tutorial:
<html>
<head>
<style type="text/css">
<!--
h1{font-size:12;font-family:Comic sans MS;color:#0000FF}
h2{font-size:18;font-family:Monotype Corsiva;color:#00FF00}
h3{font-size:24;font-family:Tahoma;color:#FF0000}
-->
</style>
</head>
<body>
<h1>This is H1 heading</h1>
<h2>This is H2 heading</h2>
<h3>This is H3 heading</h3>
</body>
</html>
Share and Enjoy!