Editor y Visor HTML

Escribe, pega o sube HTML, CSS y JavaScript en el panel "Editor HTML" y observa el resultado en tiempo real en el "Visor HTML".

Editor HTML Escribe, pega o suelta un archivo .html

Visor HTML Vista previa editable en vivo

Cómo usar el Editor y Visor HTML

1. Escribe o pega tu HTML

Escribe directamente en el panel de código de la izquierda o pega el código que ya tengas: un formulario de contacto, una plantilla de correo electrónico, una página HTML completa con CSS y JavaScript, o cualquier proyecto HTML. El resaltado de sintaxis te ayuda a ver claramente las etiquetas, atributos y valores mientras trabajas.

2. O sube un archivo

Si ya tienes un archivo .html, arrástralo y suéltalo en el panel de código o haz clic en "Subir archivo" para elegir uno desde tu dispositivo. Se cargará directamente en el editor.

3. Observa la vista previa en vivo

El panel derecho muestra una vista previa en vivo. Renderiza tu HTML en tiempo real mientras escribes. Cambia a "Código fuente" cuando quieras ver el marcado que se está renderizando.

4. Edita cualquiera de los dos lados

Usa la barra de herramientas sobre el panel de código para insertar etiquetas, formatear texto o deshacer y rehacer cambios. Haz clic directamente en la vista previa y escribe. Al seleccionar texto aparece una barra de formato (cursiva, subrayado, enlaces, alineación, color). Al hacer clic en una imagen u otro elemento puedes eliminarlo una vez. Ambos paneles permanecen sincronizados en todo momento.

5. Copia o descarga el HTML

Cuando hayas terminado de editar y el visor HTML muestre el resultado que necesitas, haz clic en "Copiar HTML" para copiar el código fuente al portapapeles, o haz clic en "Descargar .html" para guardarlo como archivo.

Privacidad y Seguridad

Nada de lo que escribas o subas se envía jamás a un servidor. Tu trabajo permanece almacenado en tu propio navegador para que no lo pierdas, y nada se rastrea.