Inicio › Herramientas para desarrolladores › Embellecedor HTML

Embellecedor HTML

Ordena y sangra código HTML minificado o desordenado para que sea fácil de leer, con cada etiqueta en su línea y la indentación correcta.

Cómo usar Embellecedor HTML

  1. Completa los campos: Código HTML.
  2. Si quieres ver cómo funciona, pulsa «Usar ejemplo».
  3. Pulsa «Embellecer» y revisa el resultado.
  4. Copia o descarga el resultado con los botones de debajo.

Ejemplo

Entrada
Código HTML: <!DOCTYPE html><html><head><title>Hola</title></head><body><div class="a"><h1>Título</h1><p>Texto <b>importante</b></p><img src="a.png"><ul><li>Uno</li><li>Dos</li></ul></div></body></html>
Resultado
<!DOCTYPE html>
<html>
  <head>
    <title>Hola</title>
  </head>
  <body>
    <div class="a">
      <h1>Título</h1>
      <p>
        Texto
        <b>importante</b>
      </p>
      <img src="a.png">
      <ul>
        <li>Uno</li>
        <li>Dos</li>
      </ul>
    </div>
  </body>
</html>

Para qué sirve

  • Leer el código de una página copiada de «ver código fuente».
  • Revisar plantillas generadas automáticamente.
  • Limpiar HTML antes de editarlo.

Preguntas frecuentes

¿Se envía mi código o mis datos a algún servidor?

No. Todo el procesamiento ocurre en tu navegador, así que puedes usar datos de prueba o internos con tranquilidad.

¿Qué hago si mi JSON, CSV o XML tiene errores?

La herramienta te indica el problema y, cuando es posible, la línea y la columna donde ocurre.

¿Puedo usarlo sin conexión?

La mayoría de las herramientas funcionan sin internet una vez cargada la página. Algunas, como el embellecedor y el minificador de JavaScript, usan una librería externa si hay conexión y un modo básico si no.