HTML
Teoría
Teoría
  • Etiquetas HTML
  • HTML
Powered by GitBook
On this page
  • Documento
  • Metadatos
  • Agrupación
  • Textual
  • Multimedia
  • Tablas
  • Formulario
  • Scripting
  • Interactivas
  • Semánticas
  • Ideogramáticas
  • Edición
  • Obsoletas

Etiquetas HTML

NextHTML

Last updated 1 year ago

Documento

  • <html>: Define el inicio y fin de un documento HTML.

  • <head>: Contiene información meta sobre el documento HTML.

  • <body>: Define el cuerpo principal del documento.

Metadatos

  • <style>: Define estilos CSS para el documento.

  • <title>: Define el título del documento.

  • <base>: Especifica la URL base o dirección base para todas las URL relativas en una página.

  • <link>: Define la relación entre el documento actual y un recurso externo.

  • <meta>: Proporciona metadatos sobre el documento HTML.

Agrupación

  • <p>: Define un párrafo.

  • <hr>: Define una línea horizontal.

  • <pre>: Define texto preformateado.

  • <ul>: Define una lista desordenada.

  • <li>: Define un elemento de lista.

  • <dl>: Define una lista de definición.

  • <dt>: Define un término en una lista de definición.

  • <dd>: Define una descripción en una lista de definición.

  • <blockquote>: Define una sección de cotización.

  • <ol>: Define una lista ordenada.

  • <figure>: Define una figura o ilustración.

  • <figcaption>: Define el título o descripción de una figura.

  • <div>: Define una división o sección genérica.

  • <main>: Define el contenido principal de un documento.

  • <math>: Define contenido matemático.

Textual

  • <u>: Define un texto subrayado.

  • <mark>: Define un texto resaltado.

  • <small>: Define un texto pequeño.

  • <dfn>: Define una definición de término.

  • <code>: Define código de programación.

  • <sub>: Define un subíndice.

  • <span>: Define una sección de texto genérico.

  • <a>: Define un enlace o hipervínculo.

  • <s>: Define un texto tachado.

  • <abbr>: Define una abreviatura o acrónimo.

  • <var>: Define una variable.

  • <sup>: Define un superíndice.

  • <i>: Define un texto en cursiva.

  • <b>: Define un texto en negrita.

  • <br>: Inserta un salto de línea.

  • <em>: Define un énfasis en un texto.

  • <cite>: Define el título de una obra citada.

  • <data>: Define información de máquina legible.

  • <samp>: Define una salida de muestra de un programa o script.

  • <wbr>: Define un posible punto de quiebre dentro de una palabra.

  • <strong>: Define un texto fuertemente enfatizado.

  • <q>: Define una cita en línea.

  • <time>: Define una fecha o un tiempo.

  • <kbd>: Define una entrada del teclado.

Multimedia

  • <picture>: Inserta una imagen.

  • <img>: Inserta una imagen.

  • <iframe>: Inserta un marco en línea.

  • <embed>: Inserta contenido multimedia externo.

  • <object>: Define un objeto incrustado, como un archivo multimedia o un applet de Java.

  • <param>: Define un parámetro para un objeto incrustado.

  • <video>: Inserta contenido de video.

  • <audio>: Inserta contenido de audio.

  • <source>: Define fuentes de medios alternativas para elementos multimedia.

  • <track>: Define pistas de texto para elementos multimedia.

  • <map>: Define una imagen con áreas clicables.

  • <area>: Define un área clicable dentro de una imagen con mapa.

  • <svg>: Inserta gráficos vectoriales escalables.

Tablas

  • <table>: Define una tabla.

  • <caption>: Define el título de una tabla.

  • <colgroup>: Define un grupo de columnas en una tabla.

  • <col>: Define atributos para una o más columnas en una tabla.

  • <tbody>: Define el cuerpo de una tabla.

  • <thead>: Define la sección de encabezado de una tabla.

  • <tfoot>: Define la sección de pie de tabla de una tabla.

  • <tr>: Define una fila en una tabla.

  • <td>: Define una celda de datos en una tabla.

  • <th>: Define una celda de encabezado en una tabla.

Formulario

  • <button>: Define un botón.

  • <form>: Define un formulario.

  • <input>: Define un control de entrada en un formulario.

  • <select>: Define una lista desplegable.

  • <datalist>: Define una lista de opciones predefinidas para un control de entrada.

  • <optgroup>: Define un grupo de opciones dentro de un control de selección.

  • <option>: Define una opción en un control de selección.

  • <textarea>: Define un área de texto de múltiples líneas.

  • <progress>: Define una barra de progreso.

  • <meter>: Define una medida escalar en un rango conocido.

  • <fieldset>: Define un grupo de controles de formulario.

  • <legend>: Define una leyenda para un grupo de controles de formulario.

  • <label>: Define una etiqueta para un control de formulario.

  • <output>: Define el resultado de un cálculo o proceso.

  • <keygen>: Define un campo de generación de clave para formularios.

Scripting

  • <script>: Define scripts JavaScript para el documento.

  • <noscript>: Define contenido alternativo a mostrar si el navegador no admite scripts.

  • <template>: Sirve como marcador para contenido que no se renderizará de inmediato y se utiliza como base para clonar y crear instancias de contenido posteriormente mediante JavaScript.

  • <canvas>: Define un lienzo para gráficos dinámicos y dibujos.

  • <slot>: Define un espacio reservado dentro de un componente para insertar contenido externo.

Interactivas

  • <details>: Define detalles adicionales o información adicional.

  • <summary>: Define un resumen visible para los detalles de un elemento <details>.

  • <dialog>: Define una caja de diálogo o una ventana emergente.

  • <menu>: Define un menú de comandos o opciones.

  • <command>: Define un comando o acción que el usuario puede invocar.

Semánticas

  • <article>: Define un contenido independiente y completo en un documento.

  • <section>: Define una sección lógica en un documento.

  • <nav>: Define una sección de navegación en un documento.

  • <aside>: Define contenido relacionado o complementario al contenido principal.

  • <h1> a <h6>: Define encabezados de diferentes niveles.

  • <header>: Define la sección de encabezado de un documento o una sección.

  • <footer>: Define la sección de pie de página de un documento o una sección.

  • <address>: Define la información de contacto del autor o propietario de un documento.

  • <hgroup>: Agrupa elementos de encabezado (<h1>-<h6>) juntos como una sola entidad temática.

  • <search>: Representa una agrupación de elementos orientados a realizar búsquedas u operaciones de filtrado.

Ideogramáticas

  • <ruby>: Define una anotación de ruby.

  • <rt>: Define la pronunciación de caracteres en una anotación de ruby.

  • <rp>: Define el contenido de paréntesis de ruby para navegadores que no admiten anotaciones de ruby.

  • <bdi>: Define una sección de texto que se formatea en aislamiento del texto circundante.

  • <bdo>: Define la dirección de texto para texto que se muestra en una dirección diferente a la predeterminada.

Edición

  • <ins>: Define un texto insertado.

  • <del>: Define un texto eliminado.

Obsoletas

  • <applet>: Inserta una aplicación o programa Java en una página web.

  • <acronym>: Define un acrónimo. Se recomienda utilizar <abbr> en su lugar.

  • <frame>: Define un marco o ventana en una página web.

  • <frameset>: Sirve como contenedor para definir un conjunto de marcos en una página web.

  • <noframe>: Proporciona contenido alternativo para navegadores sin soporte de marcos.

  • <font>: Establece el formato de fuente, tamaño y color del texto.

  • <big>: Aumenta el tamaño del texto.

  • <blink>: Hace parpadear el contenido.

  • <center>: Alínea el contenido al centro.

  • <marquee>: Crea un texto o contenido en movimiento.

img-etiqueta-sintaxis