Descripción de las Etiquetas HTML

La sección de etiquetas HTML se enfocará completamente en las etiquetas HTML y los elementos HTML, mientras que la sección de atributos HTML se enfocará completamente en los atributos de las etiquetas.

Tabla de contenidos

Características de las Etiquetas HTML
Tipos de Etiquetas HTML
Alfabeto de Etiquetas HTML

Casi todos los artículos se dividirán en varias secciones. La primera sección estará dedicada a la descripción de la etiqueta HTML y su propósito . La segunda sección se centrará en la sintaxis de la etiqueta HTML . La tercera sección enumerará los atributos de la etiqueta . La cuarta sección enumerará las etiquetas HTML que están en el mismo grupo lógico que los datos. Bueno, en la quinta sección, encontrará un ejemplo del uso de una etiqueta HTML y el resultado que mostrará el navegador.

Características de las Etiquetas HTML

Las etiquetas HTML no son mas que llaves únicas que modifican y definen cómo el navegador web las interpreta para luego mostrarlas en pantalla. Gracias a estas etiquetas, un navegador de internet podrá entender, clasificar y distinguir entre todo el contenido del código HTML y contenido que tiene que mostrar al usuario. Las etiquetas HTML contienen tres partes principales: etiqueta de apertura, contenido y etiqueta de cierre. Pero algunas etiquetas HTML son etiquetas abiertas.

La lectura del documento HTML por el navegador será de arriba a abajo y de izquierda a derecha. Las etiquetas HTML se utilizan para crear documentos HTML y representar sus propiedades. Cada etiqueta HTML tiene propiedades diferentes. Un archivo HTML debe tener algunas etiquetas esenciales para que el navegador web pueda diferenciar entre un texto simple y un texto HTML.

Todas las etiquetas HTML deberán estar encerradas entre corchetes <>.
Es importante recalcar y tener en cuenta que las etiquetas siempre irán escritas en minúsculas
Cada etiqueta en HTML tiene un fin único.
Una vez inicializada una etiqueta <body>, esta deberá ser cerrada posteriormente </body>.

Tipos de Etiquetas HTML

Cada documento HTML consta de una ramificación de elementos y código HTML. Cada etiqueta del lenguaje HTML se identifica mediante una etiqueta de apertura o inicialización y luego su respectivo cierre o finalización. Las etiquetas de inicio y final contienen siempre el mismo nombre de la etiqueta.

Los 5 tipos de elementos de datos en las etiquetas HTML:

elementos vacíos : <area>, <base>, <br>, <col>, <embed>, <hr>, <img>, <input>, <link>, <menuitem>, <meta>, <param>, <source>, <track>, <wbr>;
elementos con texto sin formato : <script>, <style>;
muestra un texto sin formato : <textarea>, <title>;
elementos de otro espacio de nombres : MathML y SVG;
Los artículos regulares : son todos los demás artículos.

Alfabeto de Etiquetas HTML

Nombre de etiqueta	Descripción de utilización de la etiqueta
<! – ->	Esta etiqueta se utiliza para aplicar comentarios en un documento HTML.
<! DOCTYPE>	Esta etiqueta se utiliza para especificar la versión de HTML.
+++ A +++
<a>	Se denomina etiqueta de anclaje y crea un hipervínculo o enlace.
<abbr>	Define una abreviatura de una frase o palabra más larga.
<acronym>	Define el acrónimo de una palabra. (No HTML5)
<address>	Define la información de contacto del autor del artículo HTML.
<applet>	Define un subprograma Java incrustado. (No HTML5)
<area>	Define el área de un mapa de imágenes.
<article>	Define el contenido autónomo.
<aside>	Define el contenido además del contenido principal. Representado principalmente como barra lateral.
<audio>	Se utiliza para incrustar contenido de sonido en un documento HTML.
+++ B +++
<b>	Se utiliza para poner un texto en negrita.
<base>	Esta etiqueta define la URL base para todas las URL relativas dentro del documento.
<basefont>	Esta etiqueta se utiliza para establecer la fuente, el tamaño y el color predeterminados para todos los elementos del documento. (No HTML5)
<bdi>	Esta etiqueta se utiliza para aislar la parte del texto que puede formatearse en direcciones diferentes a las del texto circundante.
<bdo>	Se utiliza para anular la dirección actual del texto.
<big>	Esta etiqueta se usa para hacer que el tamaño de la fuente sea un nivel más grande que el contenido circundante. (No HTML5)
<blockquote>	Se utiliza para definir un contenido que se toma de otra fuente.
<body>	Se utiliza para definir la sección del cuerpo de un documento HTML.
<br>	Se utiliza para aplicar saltos de una sola línea.
<button>	Se utiliza para representar un botón en el que se puede hacer clic.
+++ C +++
<canvas>	Se utiliza para proporcionar un espacio gráfico dentro de un documento web.
<caption>	Se utiliza para definir un título para una tabla.
<center>	Se utiliza para alinear el contenido en el centro. (No HTML5)
<cite>	Se utiliza para definir el título de la obra, libro, sitio web, etc.
<code>	Se utiliza para mostrar una parte del código de programación en un documento HTML.
<col>	Define una columna dentro de una tabla que representa las propiedades comunes de las columnas y se usa con el elemento <colgroup>.
<colgroup>	Se utiliza para definir un grupo de columnas en una tabla.
+++ D +++
<data>	Se utiliza para vincular el contenido con la traducción legible por máquina.
<datalist>	Se utiliza para proporcionar una lista predefinida para la opción de entrada.
<dd>	Se utiliza para proporcionar la definición / descripción de un término en la lista de descripción.
<del>	Define un texto que ha sido eliminado del documento.
<details>	Define detalles adicionales que el usuario puede ver u ocultar.
<dfn>	Se utiliza para indicar un término que se define dentro de una oración / frase.
<dialog>	Define un cuadro de diálogo u otros componentes interactivos.
<dir>	Se utiliza como contenedor para la lista de directorios de archivos. (No HTML5)
<div>	Define una división o sección dentro del documento HTML.
<dl>	Se demanda definir una lista descriptiva.
<dt>	Se utiliza para definir un término en la lista de descripción.
+++ E +++
<em>	Se utiliza para enfatizar el contenido aplicado dentro de este elemento.
<embed>	Se utiliza como contenedor integrado para archivos / aplicaciones / medios externos, etc.
+++ F +++
<fieldset>	Se utiliza para agrupar elementos / etiquetas relacionados dentro de un formulario web.
<figcaption>	Se utiliza para agregar un título o una explicación para el elemento <figure>.
<figure>	Se utiliza para definir el contenido autónomo y, en su mayoría, se hace referencia a una sola unidad.
<font>	Define la fuente, el tamaño, el color y la cara del contenido. (No HTML5)
<footer>	Define la sección de pie de página de una página web.
<form>	Se utiliza para definir un formulario HTML.
<frame>	Define un área particular de la página web que puede contener otro archivo HTML. (No HTML5)
<frameset>	Define grupo de marcos. (No HTML5)
+++ H +++
<h1> a <h6>	Define títulos para un documento HTML desde el nivel 1 al nivel 6.
<head>	Define la sección de cabecera de un documento HTML.
<header>	Define el encabezado de una sección o página web.
<hr>	Se utiliza para aplicar un salto temático entre elementos a nivel de párrafo.
<html>	Representa la raíz de un documento HTML.
+++ I +++
<i>	Se utiliza para representar un texto con una voz diferente.
<iframe>	Define un marco en línea que puede incrustar otro contenido.
<img>	Se utiliza para insertar una imagen dentro de un documento HTML.
<input>	Define un campo de entrada dentro de un formulario HTML.
<ins>	Representa texto que se ha insertado en un documento HTML.
<isindex>	Se utiliza para mostrar la cadena de búsqueda del documento actual. (No HTML5)
+++ K +++
<kbd>	Se utiliza para definir la entrada del teclado.
+++ L +++
<label>	Define una etiqueta de texto para el campo de entrada del formulario.
<legend>	Define una leyenda para el contenido de <fieldset>
<li>	Se utiliza para representar elementos en la lista.
<link>	Representa una relación entre el documento actual y un recurso externo.
+++ M +++
<main>	Representa el contenido principal de un documento HTML.
<map>	Define un mapa de imágenes con áreas activas.
<mark>	Representa un texto resaltado.
<marquee>	Se utiliza para insertar el texto que se desplaza o una imagen de forma horizontal o vertical. (No HTML5)
<menú>	Se utiliza para crear una lista de comandos de menú.
<meta>	Define los metadatos de un documento HTML.
<meter>	Define medidas escalares con rango conocido o valor fraccional.
+++ N +++
<nav>	Representa una sección de la página para representar enlaces de navegación.
<noframes>	Proporcionar contenido alternativo para representar en el navegador que no admite los elementos <frame>. (No HTML5)
<noscript>	Proporciona un contenido alternativo si un tipo de secuencia de comandos no es compatible con el navegador.
+++ O +++
<object>	Se utiliza para incrustar un objeto en un archivo HTML.
<ol>	Define una lista ordenada de elementos.
<optgroup>	Se utiliza para agrupar las opciones de una lista desplegable.
<option>	Se utiliza para definir opciones o elementos en una lista desplegable.
<output>	Se utiliza como elemento contenedor que puede mostrar el resultado de un cálculo.
+++ P +++
<p>	Representa un párrafo en un documento HTML.
<param>	Define el parámetro para un elemento <object>
<picture>	Define más de un elemento fuente y un elemento de imagen.
<pre>	Define texto preformateado en un documento HTML.
<progress>	Define el progreso de una tarea dentro de un documento HTML.
+++ Q +++
<q>	Define una cotización corta en línea.
+++ R +++
<rp>	Define un contenido alternativo si el navegador no admite anotaciones ruby.
<rt>	Define explicaciones y pronunciaciones en anotaciones ruby.
<ruby>	Se utiliza para representar anotaciones rubí.
+++ S +++
<s>	Muestra texto que ya no es correcto o relevante.
<samp>	Se utiliza para representar la salida de muestra de un programa de computadora.
<script>	Se utiliza para declarar JavaScript dentro de un documento HTML.
<section>	Define una sección genérica para un documento.
<select>	Representa un control que proporciona un menú de opciones.
<small>	Se utiliza para hacer que la fuente del texto sea un tamaño menor que el tamaño de fuente base del documento.
<source>	Define múltiples recursos de medios para diferentes elementos de medios como <picture>, <video> y <audio> element.
<span>	Se utiliza para diseñar y agrupar en línea.
<strike>	Se utiliza para tachar el texto. (No HTML5)
<strong>	Se utiliza para definir texto importante.
<style>	Se utiliza para contener información de estilo para un documento HTML.
<sub>	Define un texto que se muestra como un subíndice.
<summary>	Define un resumen que se puede utilizar con la etiqueta <details>.
<sup>	Define un texto que se representa como texto en superíndice.
<svg>	Se utiliza como contenedor de SVG (Scalable Vector Graphics).
+++ T +++
<table>	Se utiliza para presentar datos en forma tabular o para crear una tabla dentro de un documento HTML.
<tbody>	Representa el contenido del cuerpo de una tabla HTML y se usa junto con <thead> y <tfoot>.
<td>	Se utiliza para definir celdas de una tabla HTML que contiene datos de la tabla.
<template>	Se utiliza para contener el contenido del lado del cliente que no se mostrará en el momento de la carga de la página y puede mostrarse más tarde utilizando JavaScript.
<textarea>	Se utiliza para definir entradas de varias líneas, como comentarios, comentarios y revisiones, etc.
<tfoot>	Define el contenido del pie de página de una tabla HTML.
<th>	Define la celda principal de una tabla HTML.
<thead>	Define el encabezado de una tabla HTML. Se utiliza junto con las etiquetas <tbody> y <tfoot>.
<time>	Se utiliza para definir datos / tiempo dentro de un documento HTML.
<title>	Define el título o nombre de un documento HTML.
<tr>	Define las celdas de la fila en una tabla HTML.
<track>	Se utiliza para definir pistas de texto para elementos <audio> y <video>.
<tt>	Se utiliza para definir texto de teletipo. (No HTML5)
+++ U +++
<u>	Se utiliza para representar texto adjunto con un subrayado.
<ul>	Define una lista desordenada de elementos.
+++ V +++
<var>	Define el nombre de la variable utilizada en contexto matemático o de programación.
<video>	Se utiliza para incrustar un contenido de video con un documento HTML.
+++ W +++
<wbr>	Brinda la oportunidad de salto de línea para palabras muy largas y cadenas de texto sin espacios.