# Building My First Multi-Page Website Using HTML Only ๐
Day 1 of my HTML Learning Series When I started learning HTML, I initially practiced individual tags and small examples. But after learning different concepts, I wanted to understand one important thing: Can I bring everything I learned together into one complete website? So I created an HTML-only multi-page website . No CSS. No JavaScript. Just HTML. ๐ป This project helped me understand how HTMLโฆ
On the first day of his HTML Learning Series, the author began practicing HTML by creating a multi-page website without using CSS or JavaScript. The project aimed to understand how HTML works in building a real website. The website consists of various pages representing different sections like Home, Introduction, About Me, Education, Skills, Projects, Media, and Contact. These pages were connected using HTML links displayed in the main navigation menu.
The author emphasized the importance of semantic HTML by using relevant elements like header, nav, main, section, article, and footer instead of generic div elements. This makes the structure of the webpage easier to understand. Specific semantic elements used in the project include header, nav, main, section, article, footer, figure, figcaption, and address.
The author practiced using images with alternative text for accessibility and added a figure with figcaption to display a learning journey with HTML. Different types of links were used, such as external links, email links, and internal page links, which helped the author understand the distinction between navigating within a website and linking to an external one.
To make the website more mobile-friendly, the author included the viewport meta tag in the head section of the HTML document. Additionally, the description meta tag was added to the home page to provide a brief overview of the website.
Through this project, the author learned various aspects of HTML, including how multiple HTML pages work together, internal navigation, the usefulness of semantic elements, adding images and links, structuring a webpage with meaningful elements, the purpose of metadata, the importance of alternative text, and creating a complete website without CSS or JavaScript. The author plans to learn CSS next to improve the website's layout, colors, typography, spacing, flexbox, grid, and responsive design.
Written by urgent.news from Dev.to's reporting โ not their text. Machine-written โ may contain errors; check the original before relying on it.