"HTML" tags and structure

August 06, 2024

"HTML" tags and structure

HTML

HTML stands for HyperText Markup Language. It is the standard markup language used for creating web pages and web applications.

Sure, here are some of the most commonly used HTML tags organized into categories for better understanding:

Basic Tags

<html>: Defines an HTML document.
<head>: Contains meta-information about the document.
<title>: Sets the title of the document.
<body>: Defines the document's body.

Text Formatting

<h1> to <h6>: Defines HTML headings.
<p>: Defines a paragraph.
<br>: Inserts a single line break.
<hr>: Defines a thematic change in the content.
<strong>: Defines important text (usually bold).
<em>: Defines emphasized text (usually italic).
<b>: Defines bold text.
<i>: Defines italic text.
<u>: Defines underlined text.

Lists

<ul>: Defines an unordered list.
<li>: Defines a list item.
<ol>: Defines an ordered list.
<li>: Defines a list item.
<dl>: Defines a description list.
<dt>: Defines a term in a description list.
<dd>: Defines a description of a term in a description list.

Links and Images

<a>: Defines a hyperlink.
<img>: Embeds an image.
<map>: Defines an image map.
<area>: Defines clickable areas within an image map.

Tables

<table>: Defines a table.
<tr>: Defines a table row.
<td>: Defines a table cell.
<th>: Defines a table header.
<thead>: Groups the header content in a table.
<tbody>: Groups the body content in a table.
<tfoot>: Groups the footer content in a table.

Forms

<form>: Defines an HTML form for user input.
<input>: Defines an input control.
<textarea>: Defines a multiline input control (text area).
<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> element.

Multimedia

<audio>: Embeds sound content.
<video>: Embeds video content.
<source>: Defines multiple media resources for media elements (<audio> and <video>).
<track>: Defines text tracks for media elements (<audio> and <video>).

Scripting

<script>: Defines a client-side script.
<noscript>: Defines alternative content for users that do not support client-side scripts.

Semantic Elements

<header>: Defines a header for a document or section.
<nav>: Defines navigation links.
<section>: Defines a section in a document.
<article>: Defines an independent, self-contained content.
<aside>: Defines content aside from the content it is placed in.
<footer>: Defines a footer for a document or section.
<main>: Defines the main content of a document.
<figure>: Specifies self-contained content.
<figcaption>: Defines a caption for a <figure> element.

Metadata

<meta>: Defines metadata about an HTML document.
<link>: Defines the relationship between a document and an external resource (most commonly used to link to stylesheets).
<style>: Defines style information for a document.

Others

<div>: Defines a division or section in an HTML document.
<span>: Defines a section in a document (inline).

HTML Page Structure

Below is a visualization of an HTML page structure:

<html>

<head>

<title>Page title</title>

</head>

<body>

<h1>This is a heading</h1>

<p>This is a paragraph.</p>

<p>This is another paragraph.</p>

</body>

</html>

Comments