Showing posts with label HTML WITH INTERNAL AND EXTERNAL CSS. Show all posts
Showing posts with label HTML WITH INTERNAL AND EXTERNAL CSS. Show all posts

Monday, May 18, 2015

HTML WITH INTERNAL AND EXTERNAL CSS

Aim:
            To create a HTML page using internal and external CSS

Algorithm:


  1. Create a simple HTML page.
  2. Write internal CSS using <style> tag in the same page become internal CSS.
  3. Create another CSS file using <style> tag with extension .css file, which becomes external CSS file
  4. Include the external CSS file in your file.
  5. Find the style changes on your page.
Program:

int_ext_css.html

<!--- Internal and External CSS Example--->
<html>
            <head>
                        <title>Internal CSS Example Page</title>
                        <link rel="stylesheet" type="text/css" href="styl.css" />
                        <style>
                                    p
                                    {
                                    font-family:"Times New Roman",Times,serif;
                                    font-size:30px;
                                    }
                        </style>
            </head>
<body>
  <h1>Excellent Engineering College</h1>
  <p>An ISO 9001:2008 Certified Insitution</p>
</body>
</html>