HTML Tags Reference and Usage Guide
This document provides a reference for common HTML tags and their descriptions. HTML
(HyperText Markup Language) is the standard markup language for creating web pages. Each tag
has a specific purpose and is used to structure content on the web.
<html>
Defines the root of an HTML document. Use this tag to start an HTML page.
<head>
Contains meta-information about the document. Place title and links to stylesheets here.
<title>
Sets the title of the document shown in the browser title bar. It should be concise and relevant.
<body>
Defines the body of the document. Place all visible content inside this tag.
<h1> to <h6>
Defines HTML headings. Use <h1> for main titles, <h2> for subtitles, down to <h6> for smaller
headings.
<p>
Defines a paragraph. Use this tag to group text into distinct blocks.
<br>
Inserts a single line break. Use sparingly, primarily for line breaks within text.
<hr>
Defines a thematic change in the content (a horizontal rule). Use to separate sections.
<a>
Defines a hyperlink. Use the href attribute to link to another page or resource.
<img>
Embeds an image. Use the src attribute to specify the image path and alt for accessibility.
<div>
Defines a division or section in an HTML document. Use for grouping elements.
<span>
Defines a section in a document but does not have any specific semantic meaning. Use for styling
inline.
<ul>
Defines an unordered list. Use for bullet points.
<ol>
Defines an ordered list. Use for numbered lists.
<li>
Defines a list item. Use within <ul> or <ol>.
<table>
Defines a table. Use to display tabular data.
<tr>
Defines a row in a table. Use within a <table>.
<th>
Defines a header cell in a table. Use for column titles.
<td>
Defines a standard cell in a table. Use to display data.
<form>
Defines an HTML form for user input. Use to collect data from users.
<input>
Defines an input control. Use for user input fields.
<textarea>
Defines a multi-line input control. Use for larger text input.
<button>
Defines a clickable button. Use for submitting forms or triggering actions.
<select>
Defines a drop-down list. Use for selecting one option from multiple.
<option>
Defines an option in a drop-down list. Use within <select>.
<link>
Defines the relationship between a document and an external resource. Use to link stylesheets.
<script>
Defines a client-side script. Use to embed JavaScript.
<meta>
Defines metadata about an HTML document. Use for character set, viewport settings, etc.
<style>
Defines style information for a document. Use for internal CSS.
<footer>
Defines a footer for a document or section. Use for closing content.
<header>
Defines a header for a document or section. Use for introductory content.
<nav>
Defines navigation links. Use to create menus.
<article>
Defines an independent piece of content. Use for self-contained articles.
<section>
Defines a section in a document. Use for thematic grouping of content.
<aside>
Defines content aside from the content it is placed in. Use for sidebars or related information.