Formateador HTML
Embellece e indenta HTML desordenado o minificado en tu navegador.
Ejemplos
Embellecer HTML minificado
Entrada
<ul><li>One</li><li>Two</li></ul>
Salida
<ul> <li>One</li> <li>Two</li> </ul>
Sangrar una estructura anidada
Entrada
<div><p>Hi <a href="#">there</a></p></div>
Salida
<div> <p>Hi <a href="#">there</a></p> </div>
Acerca de esta herramienta
Este formateador de HTML online y gratuito convierte marcado desordenado, minificado o editado a mano en HTML limpio y bien sangrado — una herramienta rápida de embellecer e imprimir HTML de forma legible. Pega tu HTML, elige un estilo de sangría y el resultado formateado aparece al instante. Todo se ejecuta en tu navegador sin subir nada, así que tu código nunca sale de tu dispositivo.
Cómo se usa
- Pega tu HTML en el cuadro de entrada (pulsa Ejemplo para probar).
- Elige una sangría de 2 espacios, 4 espacios o una tabulación.
- Lee el HTML embellecido en el cuadro de salida de la derecha.
- Copia el resultado con el botón Copiar.
Cuándo usar un formateador de HTML
Reformatear es útil cuando copias HTML comprimido de una página compilada, heredas marcado inconsistente de un compañero o quieres leer una plantilla de correo o un componente antes de editarlo. Una sangría consistente hace obvio el anidamiento y los diffs más limpios.
Preguntas frecuentes
¿Este formateador de HTML es gratis?
Sí — es un formateador y embellecedor de HTML online totalmente gratuito, sin registro ni límites. Formatea y sangra todo el HTML que quieras.
¿Se sube mi HTML a un servidor?
No. Es una herramienta sin subida — tu HTML se formatea completamente en tu navegador, así que el marcado nunca sale de tu dispositivo. Seguro para código privado o interno.
¿Qué hace realmente el embellecedor de HTML?
Vuelve a sangrar tu marcado, pone etiquetas y contenido en sus propias líneas y normaliza el espaciado, de modo que el HTML desordenado o minificado queda limpio y legible. No cambia lo que renderiza la página.
¿Puedo elegir la sangría?
Sí — elige 2 espacios, 4 espacios o tabulaciones. Tu elección se recuerda en el navegador para la próxima vez.
¿Funciona con HTML minificado?
Sí. Pega HTML de una sola línea o minificado y lo expande de nuevo a una estructura legible y bien sangrada.
¿Romperá mi JavaScript o CSS en línea?
No. Los bloques <style> y <script> en línea se mantienen intactos y se sangran junto con el marcado circundante, así que tu código sigue funcionando.
¿Funciona sin conexión y en el móvil?
Una vez cargada la página funciona localmente, así que sigue trabajando con una conexión inestable, y el diseño es totalmente adaptable en teléfonos y tabletas.
Herramientas relacionadas
Formateador JSON
Formatea, valida y embellece JSON al instante en tu navegador.
Formateador CSS
Embellece y ordena CSS desordenado o minificado en tu navegador.
Formateador JavaScript
Embellece e indenta JavaScript minificado o desordenado en tu navegador.
Formateador SQL
Formatea consultas SQL con las palabras clave en mayúsculas.