HTML Website

HTML Website

HTML Website

This HTML Tutorial provides you an Educational Website on (HTML) Hyper Text Markup Language that we are going to make from beginning or scratch.

The website contains four basic but important web pages, in which our home page, about us page and contact us page is generally available on all the websites.

  1. Home

  2. About Us

  3. Contact Us

  4. Courses

Home Page:
<html>
<head>
<title>
PooriPadhai
</title>
</head>
<body style="background-color:#00e2e6;">
<h3 style="background-color:#bbeeee; font-family:verdana;"><a href="home.html">Home</a> | <a href="about.html">About</a> | <a href="contact.html">Contact</a> | <a href="courses.html">Courses</a></h3>
<h1><center>Pooripadhai<center></h1>
<center><img src="pooripadhai.jpg"></center>
<hr/>
<p style="font-family:verdana;">Pooripadhai will provides you Free Full Comprehensive Courses as per your Stream, Branch, College and University.<br/>
Courses Include:<br/>
1. Text <br/>
2. Videos <br/>
3. Test <br/>
4. Previous Year Question Papers </p>
</body>
</html>
Run Code »
Example Explanation:

Run the code to see the effect.


About Us Page:
<html>
<head>
<title>
PooriPadhai
</title>
</head>
<body style="background-color:#00e2e6;">
<h3 style="background-color:#bbeeee; font-family:verdana;"><a href="home.html">Home</a> | <a href="about.html">About</a> | <a href="contact.html">Contact</a> | <a href="courses.html">Courses</a><h3>
<h1><center>About Us<center></h1>
<p style="font-family:verdana;">We are a team of dedicated and hardworking engineers who had gone through almost all the problems which a student faces generally while completing their higher education in our country. So we have a vision to help fellow students and upcoming students who may be opting for higher education. And if we are successful in helping even a single student we'll find our endeavour were not in vain. </p>
<h1><center>Vision and Goal<center></h1>
<p style="font-family:verdana;">It is very hard to cope up with the difficulties that come in front of us while going through our higher education, first one we face is what curriculum or field to choose, what university to opt, what college to opt and many more. But one of the biggest problem we face is the language barrier, as coming from rural setting and even through state boards most of the students are not very comfortable with English language which is the most preferred language for higher education. So despite of being an excellent student they end up doing mediocre. We have a vision to solve these little problems, and help improve the standard of our higher education in our country.</p>
</body>
</html>
Run Code »
Example Explanation:

Run the code to see the effect.


Contact Us Page:
<html>
<head>
<title>
PooriPadhai
</title>
</head>
<body style="background-color:#00e2e6;">
<h3 style="background-color:#bbeeee; font-family:verdana;"><a href="home.html">Home</a> | <a href="about.html">About</a> | <a href="contact.html">Contact</a> | <a href="courses.html">Courses</a><h3>
<h1><center>Contact Us<center></h1>
<form>
Name: <input type="text" value="Krishna"><br/><br/>
Phone: <input type="text" value=""><br/><br/>
Email: <input type="text" value=""><br/><br/>
Message: <br/><textarea rows="8" cols="28"></textarea>
<input type="submit" value="Submit">
</form>
</body>
</html>
Run Code »
Example Explanation:

Run the code to see the effect.


Courses Page:
<html>
<head>
<title>
PooriPadhai
</title>
</head>
<body style="background-color:#00e2e6;">
<h3 style="background-color:#bbeeee; font-family:verdana;"><a href="home.html">Home</a> | <a href="about.html">About</a> | <a href="contact.html">Contact</a> | <a href="courses.html">Courses</a><h3>
<h1><center>Courses<center></h1>
<img src="science.jpg" width="400" height="300">
<img src="artandcommerce.jpg" width="400" height="300">
<img src="competion.jpg" width="400" height="300">
<h3><pre> Science and Engineering Competion Exam Art and Commerce</pre></h3>
</body>
</html>
Run Code »
Example Explanation:

Run the code to see the effect.


HTML Website in Hindi

Best Use:360p or more (480p or 720p)