webpage by applying the different styles
3. Design the webpage by applying the different
styles using inline, external & internal style sheets.
“Inline.html”
<html>
<head>
<title>inline</title></head>
<body>
<p
style="color:purple;margin-left:20px;">This is a paragraph line.
</p>
<div
style="color:purple;font-size:16px;background-color:#FF6633;">
This is a paragraph Second
line.</p>
</body>
</html>
<html>
<head>
<style
type="text/css">
p {
color:purple;
margin-left:20px;
}
div{
color:purple;
font-size:16px;
background-color:#FF6633;
}
</style>
</head>
<body>
<p>This is a paragraph line.</p>
<div>This is a paragraph Second line.</div>
</body>
<html>
jnj_css.css
body
{
background-color:#f9864d;
}
p{
color:orange;
font-size:18px;
}
External.html
<html>
<head>
<link
rel="stylesheet" type="text/css"
href="jnj_css.css" />
</head>
<body>
<p>This
is a paragraph line.</p>
<div>This
is a paragraph Second line.</div>
</body>
</html>
posted by siddu @ March 07, 2018
0 Comments
0 Comments:
Post a Comment
Subscribe to Post Comments [Atom]
<< Home