HTML

Complete HTML Tag List

🧱 Introduction to HTML Tags

HTML tags are the building blocks of web pages. They define the structure, content, and behavior of elements on a page. This tutorial provides an overview of all common HTML tags you will use in web development. 🏗️

>>“Mastering HTML tags means mastering the language of the web.” 🌐

📌 What is an HTML Tag?

An HTML tag is a keyword enclosed in angle brackets like <tag>. Most tags come in pairs with opening and closing tags, e.g., <p>...</p>. Some tags are self-closing.

🏷️ Common HTML Tags List

Here’s a categorized list of commonly used HTML tags:

🔤 Text Content Tags

<h1> to <h6> — Headings of different levels
<p> — Paragraph
<br> — Line break (self-closing)
<hr> — Horizontal rule (self-closing)
<pre> — Preformatted text
<blockquote> — Quotation block

📝 Inline Text Formatting

<strong> — Important text (bold)
<em> — Emphasized text (italic)
<mark> — Highlighted text
<small> — Smaller text
<del> — Deleted text (strikethrough)
<ins> — Inserted text (underline)
<code> — Inline code
<span> — Generic inline container

📑 Grouping Content Tags

<div> — Generic block container
<section> — Thematic grouping
<article> — Self-contained content
<header> — Introductory content
<footer> — Footer content
<nav> — Navigation links
<aside> — Sidebar or tangential content

📋 List Tags

<ul> — Unordered (bulleted) list
<ol> — Ordered (numbered) list
<li> — List item
<dl> — Description list
<dt> — Term/name in description list
<dd> — Description of term

🔗 Link and Media Tags

<a> — Hyperlink
<img> — Image (self-closing)
<video> — Video player
<audio> — Audio player
<source> — Media source (self-closing)
<track> — Text tracks for media (self-closing)
<iframe> — Inline frame

🛠️ Table Tags

<table> — Table container
<thead> — Table header group
<tbody> — Table body group
<tfoot> — Table footer group
<tr> — Table row
<th> — Table header cell
<td> — Table data cell

⚙️ Metadata Tags

<head> — Document head section
<title> — Document title
<meta> — Metadata (self-closing)
<link> — External resource (self-closing)
<style> — Internal CSS
<script> — JavaScript code

🧠 Tips & Best Practices

Use semantic tags like header, article, and footer for better accessibility.
Close all tags properly to ensure consistent rendering.
Use descriptive tags to improve SEO and readability.

🔗 Useful Resources

>>“Knowing your HTML tags is the foundation of crafting beautiful, accessible, and functional websites.” 🏗️✨

Menu