There are various platform from which you can create your website, but I love codding and I mainly prefer HTML and PHP to develop website. I have attached the sample code and a video below to demonstrate, how we can make a simple website with multiple pages linking each other.
Sample Code:
Home page:
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>My website</title>
</head>
<body>
<div align="center">
<nav>
<a href="index.html">Home |</a>
<a href="about.html">About Us |</a>
<a href="contact.html">Contact Us |</a>
<a href="private.html">Private Policies |</a>
</nav>
<div align="center"><h1>This is my first website. I love to design website.</h1></div>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>My website</title>
</head>
<body>
<div align="center">
<nav>
<a href="index.html">Home |</a>
<a href="about.html">About Us |</a>
<a href="contact.html">Contact Us |</a>
<a href="private.html">Private Policies |</a>
</nav>
</div>
<div align="center"><h1> This is my About Us page.</h1></div>
</body>
</html>
Contact us page
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>My website</title>
</head>
<body>
<div align="center">
<nav>
<a href="index.html">Home |</a>
<a href="about.html">About Us |</a>
<a href="contact.html">Contact Us |</a>
<a href="private.html">Private Policies |</a>
</nav>
</div>
<div align="center"><h1> This is my Contact Us page.</h1></div>
</body>
</html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>My website</title>
</head>
<body>
<div align="center">
<nav>
<a href="index.html">Home |</a>
<a href="about.html">About Us |</a>
<a href="contact.html">Contact Us |</a>
<a href="private.html">Private Policies |</a>
</nav>
</div>
<div align="center"><h1> This is my Private policies .</h1></div>
</body>
</html>
Video to demonstrate all the process:
0 Comments