]]** - Sets the title of the document, displayed in the browser tab. * **[[html:tags:body|<body>]]** - Contains the visible content of the document. ===== Text Formatting ===== * **[[html:tags:h1|<h1> to <h6>]]** - Defines headings, from largest (<h1>) to smallest (<h6>). * **[[html:tags:p|<p>]]** - Defines a paragraph. * **[[html:tags:br|<br>]]** - Inserts a line break. * **[[html:tags:hr|<hr>]]** - Inserts a horizontal line. * **[[html:tags:strong|<strong>]]** - Defines bold text. * **[[html:tags:em|<em>]]** - Defines italicized text. ===== Links and Media ===== * **[[html:tags:a|<a>]]** - Defines a hyperlink. Example: `<a href="https://example.com">Link</a>`. * **[[html:tags:img|<img>]]** - Embeds an image. Example: `<img src="image.jpg" alt="Description">`. * **[[html:tags:video|<video>]]** - Embeds a video. Example: `<video controls src="video.mp4"></video>`. * **[[html:tags:audio|<audio>]]** - Embeds audio content. Example: `<audio controls src="audio.mp3"></audio>`. ===== Lists ===== * **[[html:tags:ul|<ul>]]** - Creates an unordered list. * **[[html:tags:ol|<ol>]]** - Creates an ordered list. * **[[html:tags:li|<li>]]** - Defines a list item. ===== Tables ===== * **[[html:tags:table|<table>]]** - Defines a table. * **[[html:tags:tr|<tr>]]** - Defines a table row. * **[[html:tags:td|<td>]]** - Defines a table cell. * **[[html:tags:th|<th>]]** - Defines a table header. ===== Forms ===== * **[[html:tags:form|<form>]]** - Defines an HTML form for user input. * **[[html:tags:input|<input>]]** - Defines an input field. * **[[html:tags:button|<button>]]** - Defines a clickable button. * **[[html:tags:label|<label>]]** - Labels an input field for accessibility. * **[[html:tags:select|<select>]]** - Defines a drop-down list. * **[[html:tags:option|<option>]]** - Defines an option in a drop-down list. ===== Semantic Tags (HTML5) ===== * **[[html:tags:header|<header>]]** - Defines a page or section header. * **[[html:tags:nav|<nav>]]** - Defines a navigation menu. * **[[html:tags:section|<section>]]** - Defines a thematic grouping of content. * **[[html:tags:article|<article>]]** - Defines a standalone piece of content. * **[[html:tags:footer|<footer>]]** - Defines a page or section footer. ===== Meta Tags ===== * **[[html:tags:meta|<meta>]]** - Provides metadata about the document (e.g., character set, description, keywords). * **[[html:tags:link|<link>]]** - Links to external resources like stylesheets. Example: `<link rel="stylesheet" href="style.css">`. ===== Scripts ===== * **[[html:tags:script|<script>]]** - Embeds or links to JavaScript code. This summary covers the most essential HTML tags for basic web development. You can expand each tag for detailed information and examples.

====== Summary of Main HTML Commands ====== HTML (HyperText Markup Language) is the standard language for creating web pages. Below is a summary of some of the most common and essential HTML tags. ===== Structural Tags ===== * **[[html:tags:doctype|]]** - Declares the document type and version of HTML. * **[[html:tags:html|]]** - The root element of an HTML document. * **[[html:tags:head|]]** - Contains meta-information about the document (title, links, scripts). * **[[html:tags:title|]]** - Sets the title of the document, displayed in the browser tab. * **[[html:tags:body|<body>]]** - Contains the visible content of the document. ===== Text Formatting ===== * **[[html:tags:h1|<h1> to <h6>]]** - Defines headings, from largest (<h1>) to smallest (<h6>). * **[[html:tags:p|<p>]]** - Defines a paragraph. * **[[html:tags:br|<br>]]** - Inserts a line break. * **[[html:tags:hr|<hr>]]** - Inserts a horizontal line. * **[[html:tags:strong|<strong>]]** - Defines bold text. * **[[html:tags:em|<em>]]** - Defines italicized text. ===== Links and Media ===== * **[[html:tags:a|<a>]]** - Defines a hyperlink. Example: `<a href="https://example.com">Link</a>`. * **[[html:tags:img|<img>]]** - Embeds an image. Example: `<img src="image.jpg" alt="Description">`. * **[[html:tags:video|<video>]]** - Embeds a video. Example: `<video controls src="video.mp4"></video>`. * **[[html:tags:audio|<audio>]]** - Embeds audio content. Example: `<audio controls src="audio.mp3"></audio>`. ===== Lists ===== * **[[html:tags:ul|<ul>]]** - Creates an unordered list. * **[[html:tags:ol|<ol>]]** - Creates an ordered list. * **[[html:tags:li|<li>]]** - Defines a list item. ===== Tables ===== * **[[html:tags:table|<table>]]** - Defines a table. * **[[html:tags:tr|<tr>]]** - Defines a table row. * **[[html:tags:td|<td>]]** - Defines a table cell. * **[[html:tags:th|<th>]]** - Defines a table header. ===== Forms ===== * **[[html:tags:form|<form>]]** - Defines an HTML form for user input. * **[[html:tags:input|<input>]]** - Defines an input field. * **[[html:tags:button|<button>]]** - Defines a clickable button. * **[[html:tags:label|<label>]]** - Labels an input field for accessibility. * **[[html:tags:select|<select>]]** - Defines a drop-down list. * **[[html:tags:option|<option>]]** - Defines an option in a drop-down list. ===== Semantic Tags (HTML5) ===== * **[[html:tags:header|<header>]]** - Defines a page or section header. * **[[html:tags:nav|<nav>]]** - Defines a navigation menu. * **[[html:tags:section|<section>]]** - Defines a thematic grouping of content. * **[[html:tags:article|<article>]]** - Defines a standalone piece of content. * **[[html:tags:footer|<footer>]]** - Defines a page or section footer. ===== Meta Tags ===== * **[[html:tags:meta|<meta>]]** - Provides metadata about the document (e.g., character set, description, keywords). * **[[html:tags:link|<link>]]** - Links to external resources like stylesheets. Example: `<link rel="stylesheet" href="style.css">`. ===== Scripts ===== * **[[html:tags:script|<script>]]** - Embeds or links to JavaScript code. This summary covers the most essential HTML tags for basic web development. You can expand each tag for detailed information and examples.