My Notes

Go To Home Page
HTML Problem Statements

Table of Content

Section 1: HTML Basics & Structure


Section 2: Text & Media


Section 3: Lists & Tables


Section 4: Forms


Section 5: Semantic HTML & SEO


Section 6: Real-World HTML


🔹 Section 1: HTML Basics & Structure

  • What is HTML and why is it not a programming language?
  • Explain structure of a basic HTML document.
  • Difference between tag, element, and attribute.
  • What is the purpose of <!DOCTYPE html> ?
  • Difference between block-level and inline elements.
  • What happens if closing tag is missing?
  • Explain difference between id and class.

🔹 Section 2: Text & Media

  • Difference between <b> and <strong>.
  • Difference between <i> and <em>.
  • How does the <pre> tag work?
  • How to create external and internal links?
  • What is the purpose of target="_blank"?
  • Why is alt attribute important in image tag?
  • Difference between relative and absolute path.

🔹 Section 3: Lists & Tables

  • Difference between ordered and unordered list.
  • How to create nested lists?
  • Explain table structure using tr, th, td.
  • What is the purpose of thead and tbody?
  • Explain colspan and rowspan with example.
  • Why should tables not be used for layout?

🔹 Section 4: Forms (Very Important)

  • Explain structure of HTML form.
  • Difference between GET and POST method.
  • Why is name attribute important in form inputs?
  • Difference between radio and checkbox.
  • Explain label tag and its importance.
  • What are different input types in HTML?
  • What does required attribute do?
  • Difference between button and input type="submit".

🔹 Section 5: Semantic HTML & SEO

  • What is semantic HTML?
  • Difference between div and section.
  • Explain header, nav, main, article, aside, footer.
  • Why should there be only one main tag?
  • How does semantic HTML improve SEO?
  • What is accessibility in HTML?

🔹 Section 6: Real-World HTML

  • How to inspect elements using DevTools?
  • Difference between static and dynamic website.
  • Common beginner mistakes in HTML.
  • Difference between HTML, CSS, and JavaScript.
  • Why is HTML considered foundation of web?

Mini Project of using Next.js and Tailwind CSS