This is a beginner-friendly project that demonstrates how to build a simple multi-page website using only HTML. The goal is to understand how to structure a website semantically before adding any styles or interactivity.
- Understand the semantic structure of a website.
- Learn how to create and link multiple HTML pages.
- Use common HTML tags like
<header>,<nav>,<main>,<footer>,<section>,<article>, and<form>. - Include basic SEO meta tags in the
<head>of each page. - Prepare a clean structure for future CSS styling.
| Page | Description |
|---|---|
index.html |
Homepage with a basic introduction. |
projects.html |
Lists sample projects. |
articles.html |
Contains a few sample article entries. |
contact.html |
Contact form with name, email, and message fields. |
Each page includes a consistent navigation bar with links to all pages:
- Homepage
- Projects
- Articles
- Contact
The contact form is built using HTML only and does not include backend processing. It contains:
- Name field
- Email field
- Message textarea
- Submit button
Each HTML page includes basic SEO meta tags:
descriptionkeywordsauthorviewportfor responsivenesscharsetfor encoding
This project does not include any CSS or styling. The focus is purely on structure and HTML fundamentals. Styling will be added in a future project.
- Clone or download this repository.
- Open
index.htmlin any browser. - Navigate through the pages using the navigation bar.
- Add CSS for layout and design.
- Make the form functional using JavaScript or backend code.
- Add responsive design for mobile devices.
💡 Project URL : https://roadmap.sh/projects/basic-html-website
Author: Muhammad Bilal Nasir
Created: 16 June 2025