HTML Assignment
To understand and apply semantic HTML tags in building a well-structured
and accessible webpage.
Task
You are required to create a personal website using only semantic tags.
Your webpage must include the following:
1. Header
• A website title.
• A navigation menu with links to Home, Article, and Contact.
2. Main Section
• About Me (Section): A short self-introduction with a (user icon)
and ♥ (heart symbol).
• Article: An article about the importance of semantic tags, with ✍
(writing hand) in the heading, text explaining SEO & Accessibility, and
an image with (camera icon) in its caption.
3. Aside
• A “Related Links ” area that lists at least two useful references.
4. Footer
• © (copyright), ® (registered), ™ (trademark) symbols.
• A sentence like Made with ♥ in India ₹ to show creativity.
• Social media follow links with → (arrow).
Rules
• Use semantic tags only (<header>, <nav>, <main>, <section>, <article>,
<aside>, <footer>, <figure>, <figcaption>).
• Do not use <div> or <span> for layout.
• Ensure your code is well-indented and has comments explaining why
you used each semantic tag.
Expected Output