Lenguaje HTML5

Lenguaje de marcado HTML5 utilizado en el desarrollo web para crear el contenido y la estructura de una página web.

← VolverPDF descargableAcceder a Discord Más sobre ManzDev

Selecciona tu nivel de conocimientos para ocultar o desbloquear temas:

Introducción a HTML5

¿Qué es HTML? Código HTML y sus etiquetas
Estructura de etiqueta HTML Partes y detalles de una etiqueta HTML
Atributos comunes en HTML Atributos comunes en la mayoría de las etiquetas
Estructura del documento HTML Partes de una página o documento HTML
Validación de errores HTML Proceso de revisión de errores en el código HTML
Atributos de metadatos e idioma Atributos comunes relacionados con información
Etiquetas HTML obsoletas Etiquetas HTML que no deben ser utilizadas hoy en día
Tabla periódica de HTML5 Tabla periódica interactiva con los elementos HTML5
Cambiar a un nivel superior para ver más artículos...

Etiquetas de cabecera

¿Qué son las etiquetas head? Bases de las etiquetas de cabecera de un documento HTML
La etiqueta HTML <meta> Metadatos e información del documento HTML
La etiqueta HTML <link> Establecer relaciones con otros documentos
Etiquetas para redes sociales Previsualizaciones en enlaces en redes sociales
Etiquetas HTML de precarga Resource Hints: Precarga anticipada de enlaces
Cambiar a un nivel superior para ver más artículos...

Etiquetas de agrupación

Las etiquetas de agrupación Etiquetas con finalidad de organización y agrupación
La etiqueta HTML <div> Agrupaciones y divisiones de elementos
Las etiquetas HTML <ul> y <ol> Etiquetas HTML para crear listas de elementos
La etiqueta HTML <blockquote> Bloques de citas o referencias
La etiqueta HTML <pre> Escribir texto preformateado
La etiqueta HTML <dl> Etiquetas HTML para crear listas de descripciones
La etiqueta HTML <figure> Contenedor de ilustraciones o figuras
2011
Cambiar a un nivel superior para ver más artículos...

Etiquetas multimedia

La etiqueta HTML <img> Etiqueta HTML para mostrar imágenes en una web
La etiqueta HTML <picture> Etiqueta HTML de nueva generación para mostrar imágenes
2015
La etiqueta HTML <video> Etiqueta HTML para indicar archivos de video en nuestra web
La etiqueta HTML <audio> Etiqueta HTML para indicar archivos de audio en nuestra web
Formatos multimedia Formatos adecuados para imagen, video y audio
La etiqueta HTML <track> Etiqueta HTML para añadir subtítulos a nuestros videos o audios
2014
La etiqueta HTML <iframe> Etiqueta HTML para colocar contenido externo en nuestra web.
Cambiar a un nivel superior para ver más artículos...

Etiquetas de texto

Etiquetas semánticas de texto Etiquetas para separar la semántica de un texto
Enlaces o hipervínculos Etiqueta para referenciar otros documentos o recursos
La etiqueta HTML <a> Etiqueta para crear enlaces a otras páginas
La etiqueta HTML <strong> Etiqueta para marcar un texto como importante o prioritario
La etiqueta HTML <em> Etiqueta para enfatizar un fragmento de texto
La etiqueta HTML <mark> Etiqueta para destacar textos y dirigir la atención
La etiqueta HTML <s> Etiqueta utilizada para marcar contenidos imprecisos o irrelevantes
La etiqueta HTML <span> Etiqueta para delimitar o agrupar fragmentos de texto
La etiqueta HTML <q> y <cite> Etiquetas para citar mensajes, frases o títulos de obras
La etiqueta HTML <sup> y <sub> Etiqueta para establecer superíndices y subíndices
La etiqueta HTML <small> Etiqueta para hacer pequeñas aclaraciones o advertencias
La etiqueta HTML <br> y <wbr> Etiquetas para definir los diferentes saltos de línea
La etiqueta HTML <kbd> y <samp> Etiquetas para representar entrada o salida de información
La etiqueta HTML <abbr> y <dfn> Etiqueta para mostrar abreviaturas o definiciones
La etiqueta HTML <time> y <data> Etiqueta para representar fechas o datos para máquinas
La etiqueta HTML <code> Etiqueta para establecer fragmentos de código en línea
La etiqueta HTML <ins> y <del> Etiqueta para indicar información añadida o eliminada
Cambiar a un nivel superior para ver más artículos...

Etiquetas semánticas

Etiquetas semánticas de sección Etiquetas semánticas que van más allá del <div>
La etiqueta HTML <article> Etiqueta semántica para definir entidades importantes
La etiqueta HTML <nav> Etiqueta semántica para secciones de navegación
La etiqueta <header> y <footer> Etiqueta semántica para cabeceras y pie de sección
La etiqueta HTML <search> Etiqueta semántica para zonas de búsqueda
2023
La etiqueta HTML <section> Etiqueta semántica para secciones concretas la página
La etiqueta HTML <h1> ... <h6> Etiqueta semántica para títulares o encabezados
La etiqueta HTML <address> Etiqueta semántica para información de contacto
Cambiar a un nivel superior para ver más artículos...

Etiquetas de tablas

La etiqueta HTML <table> Etiquetas para mostrar datos tabulares
Tablas con celdas irregulares Combinar celdas de una tabla HTML
Organización de tablas HTML Etiquetas semánticas para organizar partes de la tabla
Columnas en tablas HTML Modificar características de columnas en tablas
Cambiar a un nivel superior para ver más artículos...

Etiquetas de formularios

La etiqueta <form> Creación de formularios HTML para su envío
La etiqueta HTML <input> Controles: Campos de entrada de texto
La etiqueta HTML <textarea> Controles: Campos de entrada de texto extensos
La etiqueta <input> con números Controles: Campos de entrada numéricos
2014
La etiqueta <input> con fechas Controles: Campos de entrada con fechas
2021
La etiqueta <input> con casillas Controles: Casillas de verificación y radio
La etiqueta <input> con colores Controles: Campos para elegir colores
2019
La etiqueta HTML <select> Listas de opciones desplegables
La etiqueta HTML <datalist> Listas de opciones autocompletables
2019
La etiqueta <input> con ficheros Controles: Envío de archivos
Organización de campos Etiquetas para ordenar y organizar campos
La etiqueta HTML <progress> Controles: Barras de progreso
2014
La etiqueta HTML <meter> Controles: Medidores, umbrales y valores óptimos
2017
La etiqueta HTML <input> submit Botones de envío de formularios
La etiqueta HTML <button> Botones personalizados
Cambiar a un nivel superior para ver más artículos...

Validaciones de formularios

¿Qué son las validaciones? La importancia de validar correctamente los datos
Validaciones básicas con HTML5 Atributos de validación de HTML
El atributo pattern (RegExp) Validaciones avanzadas con patrones en HTML
Cambiar a un nivel superior para ver más artículos...

Etiquetas de scripting

Etiqueta HTML <script> Etiqueta para ejecutar código Javascript en una página
Atributos defer y async Modos de carga de las etiquetas <script>
Los módulos Javascript (ESM) Etiqueta <script> con el atributo type=module
Bloque de datos desconocido Etiqueta <script> con información desconocida
Cambiar a un nivel superior para ver más artículos...

Etiquetas interactivas

Etiqueta HTML <details> Elementos desplegables (Acordeón HTML)
2019
Popovers: Elementos emergentes Contenido emergente con atributo popover
2023
La etiqueta <dialog> Ventanas de diálogo nativas y ventanas modales
2022
Eventos en HTML Conectar una acción de usuario con Javascript
El atributo contenteditable Convertir el texto de una etiqueta en editable
El atributo hidden Un atributo para marcar secciones como ocultas
Etiqueta HTML <template> Plantillas HTML nativas
Cambiar a un nivel superior para ver más artículos...

Aprender más

Si lo prefieres, puedes aprender también sobre estas temáticas:

¿Quién soy yo?

Soy Manz, vivo en Tenerife (España) y soy streamer partner en Twitch y profesor. Me apasiona el universo de la programación web, el diseño y desarrollo web y la tecnología en general. Aunque soy full-stack, mi pasión es el front-end, la terminal y crear cosas divertidas y locas.

Puedes encontrar más sobre mi en Manz.dev