Formateador HTML
Pega tu marcado y este formateador local coloca etiquetas y texto en líneas con sangría. Elige dos o cuatro espacios, revisa el resultado y cópialo si te sirve para leer o revisar el código. El HTML permanece en la sesión del navegador.
Formatea HTML en tres pasos
-
1
Pega el marcado
Añade el HTML que quieras inspeccionar. No se envía al servidor.
-
2
Elige la sangría
Usa dos o cuatro espacios por cada nivel de anidamiento.
-
3
Revisa y copia
Comprueba el texto formateado antes de usarlo en otro lugar.
Qué hace este formateador
Este formateador es un lector estructural sencillo, no un analizador HTML completo. Coloca en líneas separadas las etiquetas de apertura y cierre, los comentarios, las declaraciones y el texto, y después aplica la sangría elegida. Los elementos vacíos habituales, como <img>, <br> y <meta>, no crean otro nivel de anidamiento.
Los bloques que empiezan por <pre>, <code>, <textarea>, <script> o <style> se conservan juntos tal como se introdujeron. La herramienta no valida el marcado, no corrige etiquetas sin cerrar, no distribuye atributos en varias líneas, no normaliza el autocierre ni interpreta la semántica de CSS o JavaScript.
El formato puede cambiar espacios alrededor de nodos de texto normales. Úsalo como una copia más fácil de leer y compáralo antes de guardar una plantilla sensible a los espacios o de publicarla. Para validar HTML, utiliza un validador específico.
Preguntas frecuentes
No. El formateo y la copia ocurren en el navegador. Los pasos del embudo solo guardan temporalmente la entrada en session storage.
No. Solo aplica una sangría simple y no puede determinar si el marcado es válido o correcto.
No. Los bloques completos de script y style se mantienen como fueron introducidos.
Herramientas relacionadas
Generador de letras aleatorias
Genera letras aleatorias A-Z. Elige la cantidad, usa mayúsculas, minúsculas o mezcla de ambas, y aplica el resultado en juegos, consignas o clase.
Formateador de JSON
Pega JSON para verlo con sangría de 2 o 4 espacios, minificarlo en una salida compacta o comprobar rápidamente la sintaxis antes de copiar el resultado.
Simplificador de Álgebra Booleana
Simplifica expresiones booleanas usando mapas de Karnaugh y el algoritmo de Quine-McCluskey. Muestra cada paso de minimización y una forma final SOP/POS.
Generador de Paletas de Color
Genera paletas monocromáticas, análogas, complementarias, triádicas o tetrádicas desde un color base HEX y exporta variables CSS listas para copiar.
Generador de colores aleatorios
Genera de 1 a 50 colores HEX aleatorios con muestras para previsualizar, copiar y usar en CSS, pruebas o exploración de paletas.
Convertidor de BBCode a HTML
Convierte BBCode (marcado de tablones de anuncios) a HTML limpio. Maneja etiquetas de formato, listas, citas, código, imágenes y enlaces.