Aim:
To create a HTML page using internal
and external CSS
Algorithm:
- Create
a simple HTML page.
- Write
internal CSS using <style> tag in the same page become internal CSS.
- Create
another CSS file using <style> tag with extension .css file, which
becomes external CSS file
- Include
the external CSS file in your file.
- 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
<p>An ISO 9001:2008 Certified
Insitution</p>
</body>
</html>
styl.css
head
{
}
body
{
background-color:#d0e4fe;
}
h1
{
color:orange;
text-align:center;
}
No comments:
Post a Comment