Web Development Tutorial for Beginners (P-2, Part-4) – How to build webpages with HTML, CSS.

Web Development:- Web Development tutorial for beginner step by step Tutorials In this overview of Web Development, you’ll learn HTML, CSS.

Code: index.html

<!DOCTYPE html>
<html>
<head>
<title>bksit_project_2</title>
<meta name=”author” content=”your name”/>
<meta name=”description” content=””/>
<link rel=”stylesheet” href=”style.css” type=”text/css”/>
<meta charset =”utf-8″>
</head>
<body>
<div id=”page”>
<div id=”logo”>
<div id=”login”>
<h4><a href=”/”>login/logout</a></h4>
</div>
<h1><img src=”logo.png” width=”148″ height=”46″ alt=””/></h1>
</div>
<div id=”nav”>
<ul>
<li><a href=”index.html”>Home</a></li>
<li><a href=”index.html”>About us</a></li>
<li><a href=”index.html”>Programme</a></li>
<li><a href=”index.html”>Gallery</a></li>
<li><a href=”index.html”>contact</a></li>
</div>

</body>
</html>

Code: style.css

p{line-heigh: 1em;}
h1,h2, h3, h4{
line-heigh:1.1em;
margin:00:5em 0;
}
h1{}
h2{}
a{
color: black;
text-decoration: none;
}
body{
font-family: arial;
font-size: 80%;
font-weight:normal;
line-heigh:1.2em;
width: 100%;
margin:0;
background:#eee;
}
#page{margin: 20px;}
#login{
width: 35%;
margin-top: 5px;
text-align: right;
float: right;
padding:5px;
text-shadow: #E1070B;
color:grey;
} #login a{
text-align:right;
text-transform: uppercase;
font-size: 80%;
color: #000000;
}
#logo{
width:97%;
margin-top:5px;
display: inline-block;
background:#6DE1F4;
padding: 20px;
}
#nav{
width:100%;
text-align:left;
float: left;
heigh: 43px;
background: #03073e;
}
#nav ul{}
#nav ul li{
display: inline-block;
height:15px;
}

 

11 thoughts on “Web Development Tutorial for Beginners (P-2, Part-4) – How to build webpages with HTML, CSS.

  1. My husband and i were quite lucky Louis managed to complete his reports because of the ideas he got from your own weblog. It’s not at all simplistic just to choose to be giving for free hints which usually other folks have been selling. And we also figure out we need you to give thanks to because of that. These explanations you’ve made, the easy web site navigation, the relationships you will aid to foster – it is all unbelievable, and it’s assisting our son and the family reason why that theme is cool, which is certainly really mandatory. Thanks for the whole thing!

  2. I’m also writing to make you be aware of of the helpful discovery my wife’s child went through using your site. She even learned some pieces, which included how it is like to possess an excellent giving heart to make other people completely have an understanding of several tricky things. You undoubtedly surpassed people’s desires. Thanks for distributing the great, healthy, educational and fun guidance on the topic to Jane.

  3. Thank you so much for giving everyone an exceptionally nice chance to read critical reviews from this web site. It is always very lovely and stuffed with a great time for me personally and my office co-workers to visit your website at a minimum thrice in one week to see the newest things you have. And definitely, I’m usually amazed with your splendid tips served by you. Selected two ideas in this article are unquestionably the simplest I’ve had.

  4. My husband and i were now glad that Raymond could carry out his investigations through the ideas he gained through your web pages. It is now and again perplexing to just choose to be giving for free techniques which usually a number of people have been trying to sell. And now we keep in mind we have you to be grateful to because of that. Those explanations you have made, the straightforward blog menu, the relationships you give support to engender – it’s all impressive, and it is facilitating our son and us reckon that that article is awesome, which is certainly extraordinarily serious. Many thanks for everything!

  5. Needed to write you one very little note so as to give many thanks the moment again for your pleasing things you have shared in this article. It was really open-handed of people like you to convey without restraint all that a lot of people could possibly have offered for an e book to help with making some profit for their own end, chiefly considering that you could have tried it in the event you decided. Those thoughts as well worked as a good way to fully grasp that many people have the identical keenness similar to mine to figure out very much more in respect of this condition. I am sure there are several more enjoyable situations ahead for many who read your blog post.

  6. I actually wanted to jot down a brief comment to appreciate you for those great information you are sharing on this website. My extended internet research has at the end of the day been recognized with beneficial strategies to exchange with my friends and family. I ‘d express that we readers are very much fortunate to live in a very good community with so many brilliant individuals with good tactics. I feel pretty fortunate to have encountered your entire website and look forward to some more thrilling minutes reading here. Thanks a lot once again for everything.

  7. I together with my pals have been analyzing the excellent items from your site and then quickly came up with an awful feeling I never thanked you for those tips. My boys were stimulated to read through them and now have surely been using these things. Appreciation for getting considerably accommodating and then for having this sort of important useful guides millions of individuals are really desperate to understand about. Our honest apologies for not expressing gratitude to you sooner.

  8. Needed to send you that bit of word to be able to say thank you once again on your precious tactics you have documented in this case. It has been pretty open-handed with people like you to provide freely just what numerous people might have offered for sale as an e book to make some profit for themselves, most importantly considering the fact that you could possibly have tried it in the event you desired. Those ideas in addition acted like the good way to fully grasp that some people have the same desire similar to mine to grasp many more around this matter. I am sure there are millions of more pleasant instances ahead for individuals that see your website.

  9. Thank you so much for providing individuals with an exceptionally splendid chance to check tips from here. It’s usually very fantastic and packed with a lot of fun for me personally and my office co-workers to visit your website at the very least 3 times every week to read through the fresh stuff you have got. And definitely, we’re always happy with the eye-popping thoughts you give. Selected 3 ideas in this posting are particularly the very best we’ve had.

  10. I want to express my thanks to you for rescuing me from such a crisis. Just after exploring throughout the world-wide-web and obtaining views which are not beneficial, I believed my life was done. Being alive minus the strategies to the problems you’ve solved by means of your entire site is a crucial case, and the ones which might have in a wrong way affected my entire career if I had not discovered your site. Your good training and kindness in touching everything was helpful. I am not sure what I would have done if I hadn’t come upon such a step like this. I can also at this time look ahead to my future. Thank you very much for your impressive and sensible help. I will not be reluctant to endorse your web blog to anybody who will need direction about this topic.

  11. I am also commenting to make you understand of the fabulous encounter our princess found browsing your site. She mastered too many issues, with the inclusion of what it’s like to have an incredible helping mood to make many people very easily comprehend a number of complicated subject areas. You undoubtedly surpassed people’s expected results. I appreciate you for giving the beneficial, trusted, informative as well as cool tips on this topic to Sandra.

Leave a Reply

Your email address will not be published. Required fields are marked *