4/06/2016

Add an Embedded Style Sheet to The XHTML Document in Fig. 4.5. The Style Sheet Should Contain A Rule That Displays h1 Elements in Blue. All Other Information Given Below

Add an embedded style sheet to the XHTML document in Fig. 4.5. The style sheet should contain a rule that displays h1 elements in blue. In addition, create a rule that displays all links in blue without underlining them. When the mouse hovers over a link, change the link’s background color to yellow.
Copy Code From Here
<html>
<head>
<link rel="stylesheet" type="text/css" href="q6.css" />
<style>
.bd
{
background-color:lightgrey;
}
dd{
font-size:20px;
color:green;
font-weight:normal;
margin-left:30px;
}
p.a
{
border-top-style:dotted;
border-left-style:ridge;
border-right-style:solid;
border-bottom-style:dotted;
border-top-color:darkgreen;
border-bottom-color:darkgreen;
color:red;
border-left-color:blue;
border-right-color:maroon;
}
p.b
{
border-top-style:dotted;
border-left-style:solid;
border-right-style:solid;
border-bottom-style:dashed;
border-color:blue;
color:green;
}
p.c
{
border-style:dotted;
border-color:magenta;
color:black
}
.f
{
background-color:white;
}
</style>
</head>
<body class="bd">
<table width="100%" height="100%">
<tr>
<td valign="top" align="center">
<img src="tree.png" width="400" height="500">
</td>
<td colspan="2" width="80%">
<fieldset style="margin-top:-90px" class="f">
<dl>
<dt style="color:red;font-size:30px">
Hello World !
</dt>
<dd>This is a tree.I used to receive virtual smiles, 
sweet morning and night greetings. Now all I have is silence, and a blistered heart.
An external style sheet (CSS) is perfect - when the same style / format / look n feel is required on numerous pages. With an external style sheet, 
the webmaster can change the look of the entire site - by changing one file.
</dd>
</dl>
</fieldset>
<p class="d">
<p class="a">
Java is a Object oriented  language.
</p>
<p class="b">
Html is used to design a web page.
</p>
<p class=c>
css is used to give additional features to over web page.
</p>
<h1>
Want to become a good person.
</h1>
<hr>
<p style="font-family:Arial;font-size:22px;color: #A52A2A;font-weight:normal;">
Css is very importtant language. for Wt programming.
</p></p><br>
<a href="demo.html">
This a demo link
</a>
</td></tr></table>
</body></html>
Output:
www.programmingwithbasics.com


subodh yadav

Ghanendra Yadav

Hello, I Am Ghanendra Yadav Owner of This Blog, I am professional Blogger and Programmer. I Love Programming, Logo Making, And Banner Designing. My Highest Qualification is MCA From NIT Warangal. You Can Find Me On Social Media Through Below Link And If You Have Any Query Related To Programming And Other Subject Comment Below or You Can Mail Me I Will Try To Answer Within 24 Hours Email:- yghanendra@student.nitw.ac.in

Find me on Social Media

Facebook | Twitter | Google+ | RSS Feed

No comments:

Post a Comment