Document Declaration:
<!DOCTYPE>
: Declares the document type and version (e.g., HTML5). It must appear at the very beginning of the HTML document, above the <html
> tag.
Document Structure Tags:
<html
>: Defines the root element of the document.
<head
>: Contains metadata (such as title, charset, links to styles, etc.).
<body
>: Contains the content of the document.
<title
>: Sets the title of the document (shown in browser tab).
<meta
>: Defines metadata (e.g., character encoding, viewport settings).
<link
>: Specifies relationships between a document and an external resource (e.g., stylesheets).
<style
>: Defines internal CSS styles.
<script
>: Defines JavaScript code.
Text Formatting Tags:
<h1
> to <h6
>: Header tags, defines headings (from largest <h1
>to smallest<h6
>:).
<p
>: Defines a paragraph.
<b
>: Makes text bold.
<strong
>: Defines important text (bold by default).
<i
>: Makes text italic.
<em
>: Defines emphasized text (italic by default).
<u
>: Underlines text.
<s
>: Strikes through text.
<mark
>: Highlights text.
<small
>: Reduces the size of text.
<sub
>: Subscript text.
<sup
> : Defines a block of text as a quote.
<blockquote
>:
<q
>: Defines a short inline quote.
<code
>: Defines a piece of computer code.
<pre
>: Defines preformatted text.
<span
>: Used for grouping inline elements.
Links and Navigation Tags:
<a
>: Defines a hyperlink.
<nav
>: Defines a section for navigation links.
List Tags:
<ul
>: Defines an unordered list.
<ol
>: Defines an ordered list.
<li
>: Defines a list item.
<dl
>: Defines a description list.
<dt
>: Defines a term (name) in a description list.
<dd
>: Defines a description in a description list.
Table Tags:
<table
>: Defines a table.
<tr
>: Defines a table row.
<th
>: Defines a table header.
<td
>: Defines a table cell.
<caption
>: Defines a table caption.
<thead
>: Groups the header content in a table.
<tbody
>: Groups the body content in a table.
<tfoot
>: Groups the footer content in a table.
<col
>: Defines a column in a table.
<colgroup
>: Groups columns for styling.
Form Tags:
<form
>: Defines an HTML form for user input.
<input
>: Defines an input field.
<textarea
>: Defines a multi-line text input.
<button
>: Defines a clickable button.
<select
>: Defines a drop-down list.
<option
>: Defines an option in a drop-down list.
<label
>: Defines a label for an <input
> element.
<fieldset>
: Groups related elements in a form.
<legend>
: Defines a caption for a <fieldset
>.
<datalist
>: Specifies a list of predefined options for input controls.
<optgroup
>: Groups options in a <select
> dropdown.
Multimedia Tags:
<img
>: Defines an image.
<audio
>: Defines sound content.
<video
>: Defines a video.
<source
>: Specifies multiple media resources for media elements (like video or audio).
<track
>: Specifies text tracks for video or audio (e.g., subtitles).
<iframe
>: Defines an inline frame (embeds another document).
Layout and Structure Tags:
<div
>: Defines a section or division in a document (block-level).
<section
>: Defines a section in a document.
<article
>: Defines independent content.
<header
>: Defines the header section of a document.
<footer
>: Defines the footer section of a document.
<aside
>: Defines content aside from the main content.
<main
>: Specifies the main content of a document.
<figure
>: Defines content that is referenced from the main content (e.g., images, diagrams).
<figcaption
>: Defines a caption for a <figure
> element.
Interactive Content Tags:
<details
>: Defines additional information that the user can view or hide.
<summary
>: Defines a visible heading for a <details
> element.
<dialog
>: Defines a dialog box or window.
<a
>: Defines a hyperlink.
Scripting and Embedding Tags:
<script
>: Defines JavaScript code.
<noscript
>: Defines an alternate content for users who do not support scripts.
<embed
>: Embeds external content (e.g., multimedia or applications).
<object
>: Defines an embedded object (e.g., flash, PDF).
<param
>: Defines parameters for an <object
>.
<canvas
>: Defines a drawing surface for graphics.
<svg
>: Defines Scalable Vector Graphics.
<math
>: Defines mathematical expressions.
11. Other Tags:
<meta
>: Specifies metadata about the HTML document (e.g., character encoding, author).
<base
>: Specifies the base URL for relative URLs in the document.