Common HTML Elements and Their Uses

Beginner

🧩 Key HTML Elements & Semantic Structure

HTML provides a wide range of elements to structure content both functionally and semantically.

🔠 Text & Headings

<h1> to <h6>: Define headings from most to least important
<p>: Represents paragraphs of text

<a>: Creates hyperlinks to pages or resources
<img>: Embeds images

📝 Lists

<ul>: Unordered list (bulleted)
<ol>: Ordered list (numbered)
<li>: List item inside a list

📦 Layout Containers

<div>: Block-level generic container for layout or styling
<span>: Inline-level generic container

📊 Tabular Data

<table>: Defines a table
<tr>: Table row
<td>: Table cell

🧠 Semantic Elements (For Structure & Accessibility)

<header>: Top section of a page or article
<footer>: Bottom section with metadata or links
<article>: Self-contained content block
<section>: Thematic grouping of content

✅ Using semantic HTML improves:

🧑‍🦯 Accessibility
🔍 SEO
🔧 Maintainability