Hello friends here i am going to teach you how to create header
of dropdown menu website using html and css.
yes it is to easy to make website using html and css.
if you have little knowledge of html and css then it is very helpfull.
now here we make beautiful header of website.
here are script of html
<html>
<head>
<title> write title here </title>
//now here we write script of css
our css script is inside css folder and name is style.css
<link rel="stylesheet" href="css/style.css">
</head>
<body>
//now here we define html id to css header to make stylesheet
<div class="header">
<p id="headicon">
<img src="socialmediaicon/facebook.jpg" id="socialmediaicon"/>
<img src="socialmediaicon/youtube.jpg" id="socialmediaicon"/>
<img src="socialmediaicon/twitter.jpg" id="socialmediaicon"/>
</p>
now here for logo
<div> <img src="wmrsitelogo.jpg" class="logo"/>
</div>
//now here put hyperlink using html
<p>
<h1> <a href="index.php">Home </a> <a href="about.php"> About</a>
<a href="#"> Domain </a>
<a href="#"> Hosting </a>
<a href="contact.php"> Contact us</a>
<a href="Ordersite.php"> Order Site</a>
<a href="#"> Messsage</a>
</h1>
</div>
</body>
</html>
now we complate our html code now here in css folder we have css script in side style.css
that we already link in top now css code are here
/*here are css code */
.header{
height:60px;
margin:0 auto;
}
.logo{
width:200px;
height:80px;
}
#headicon{
float:right;
height:20px;
width:100px;
}
now here we create hyperlink beautiful
a:link{
color:blue;
text-decoration:none;
}
a:visited{
color:Green;
text-decoration;
}
a:hover{
background:hotpink;
color:black;
text-decoration;
}
a:active{
background:red;
color:hotpink;
text-decoration;
}
This way you can create beautiful header of your site
Hello, my name is Jack Sparrow. I'm a 50 year old self-employed Pirate from the Caribbean.
No comments:
Post a Comment