Create Your Own Website - hobby, interest, make money, gaming and more

Book Store

Hostgator Web Hosting

Domain Name

How To Create A Forum

Increase Website Traffic

Submit To Google

Create Multiple-Pages

Free Sample Templates

Basic Tutorial > Create Multiple-Pages Website

How to create a multiple-pages website

End Result

Your index.html page should look like this

<html>
<body>
<h1>Hello World</h1>
<a href = "mySecondPage.html">Click here to enter my second page</a>
</body>
</html>

Your mySecondPage.html page should look like this

<html>
<body>
<h1>Hello Second Page</h1>
<a href = "index.html">Click here to enter my home index page</a>
</body>
</html>

Step-By-Step

It's a simple procedure to do this. First, you need to create a new html page with your notepad and name it for example mySecondPage.html. Type the basic code for this html file like you did in your index.html. Here is the code example.

<html>
<body>
<h1>Hello World</h1>
</body>
</html>

Save this mySecondPage.html file under the same directory as your index.html.

Then, open your index.html page with notepad or click the edit button if you're editing inside your web hosting server. Add this following line of code to between the open and close bracket of body.

<h1>Hello World</h1>
<a href = "mySecondPage.html">Click here to enter my second page</a>
</body>

Thats it, save, upload this index file and try it out. Note that your url will display www.mywebsite.com/mySecondPage.html. To enable mySecondPage.html to link back to index.html, it is the same procedure. between the open and close tag of <body> in mySecondPage.html file, press enter and type in the following line of code.

<a href = "index.html">Click here to return to home page</a>

Note: mySecondPage.html file need to be saved in same page as the index.html file for the above code to function.