Skip to main content

Styling a webpage!!!

So Today we will use a webpage and style it using simple css....
First of Type up the code below to make the website...

<html>
<head>
<title>CSS Practise</title>
</head>
<body>
<h1>This is a webpage all about rabbits</h1>
<h2>Many people love rabbits and I love them too...Do you?</h2>
<p>Rabbits are animals which have furry skin and they like to eat carrots...</p>
<body>
</html>

After putting the following code your webpage may look like this :-

Now lets Style This Webpage... Now edit the code with this one:-

<html>
<head>
<title>CSS Practise</title>
<style>
body{
font-family:"Comic Sans MS";
}
h1 {
text-align:center;
color:blue;
}

h2{
color:red;
}
p{
color:green;
}
</style>
</head>
<body>
<h1>This is a webpage all about rabbits</h1>
<h2>Many people love rabbits and I love them too...Do you?</h2>
<p>Rabbits are animals which have furry skin and they like to eat carrots...</p>
<body>
</html>










This webpage looks a little better...We will study about this code in the next post...

Labels:
Location: India

Comments

Post a Comment

Popular posts from this blog

Maths and programmig side by side...

Lets do maths and programming side by side...   We all like 3D animations...You must wondering what language must be used to make them..but we can make them by using a simple software "Alice"  So Do Download the Software ... Its is  trusted and is virus less!  Remember: Your laptop must have java if not please do download it from its original site...
Post a Comment
Read more

Types Of List

So in the last blog, we worked on with a list called unordered list......Now we are gonna study more types of list.. Ordered list - This type of list starts with <ol> and ends with </ol>....this type of list creates auto numbers like 1,2,3,4....etc.. Now go to your notepad and update the code...the things in bold must be updated.. <html> <head> <title>My First Webpage (About dinosaurs)</title> </head> <h1>First Webpage</h1> <h2>Welcome to my Website...... <p>This is my first webpage....Hope you like it</p> <br> <br> <h2>Dinosaurs --- All about them</h2> <br> <p>We all know about dinasaurs.. There are many types of dinosaurs and some of the names are :- <ol> <li>Abelisaurus</li>  <li>Acanthopholis</li> <li>Acristavus</li>   </ol> </html>  After updating the code your result will be like this :- Did y...
Post a Comment
Read more

POSTS TO BE STOPPED!!!

I am going on a leave for a month and thus there will be no posts in the following next month! After I will be back the registration will start for the contest! MINIMUM 10 entries to be there for the contest...So call your friends to join the contest!t By the way this is my twentieth post... - Dwij Jha
Post a Comment
Read more