Basic HTML Website

Create simple HTML only website with multiple pages.

Start building, submit solution and get feedback from the community.
2Submit Solutionยท
5 upvotes10 upvotes

Goal of this project is to teach you how to structure a website using HTML i.e. different sections of a website like header, footer, navigation, main content, sidebars etc. Do not style the website, only focus on the structure. Styling will be done in separate projects.

In this project, you are required to create a simple HTML only website with multiple pages. The website should have following pages:

  • Homepage
  • Projects
  • Articles
  • Contact

The website should have a navigation bar that should be present on all pages and link to all the pages.

You are not required to style the website, you are only required to create the structure of the website using HTML. Goals of this project are:

  • Learn how to create multiple pages in a website.
  • Structure a website using HTML in a semantic way.
  • Structure in a way that you can easily add styles later.
  • Add SEO meta tags to the website.

You can use the following mockup example to create the structure of the website (remember, you are not required to style the website, only focus on the structure that you can style later):

Basic HTML Website

Again, make sure that your submission includes the following:

  • Semantically correct HTML structure.
  • Multiple pages with a navigation bar.
  • SEO meta tags in the head of each page.
  • Contact page should have a form with fields like name, email, message etc.

After completing this project, you will have a good understanding of how to structure a website using HTML, basic SEO meta tags, HTML tags, forms etc. You can now move on to the next project where you will learn how to style this website using CSS.

Found a mistake? Help us improve.

Join the Community

roadmap.sh is the 7th most starred project on GitHub and is visited by hundreds of thousands of developers every month.

Rank 7th  out of 28M!

292K

GitHub Stars

Star us on GitHub
Help us reach #1

+90k every month

+1M

Registered Users

Register yourself
Commit to your growth

+1.5k every month

26K

Discord Members

Join on Discord
Join the community

Roadmaps Best Practices Guides Videos FAQs YouTube

roadmap.sh by @kamrify

Community created roadmaps, best practices, projects, articles, resources and journeys to help you choose your path and grow in your career.

© roadmap.sh · Terms · Privacy · Advertise ·

ThewNewStack

The top DevOps resource for Kubernetes, cloud-native computing, and large-scale development and deployment.