Visor HTML
Abre un archivo HTML o pega el código y míralo renderizado en vivo junto al editor. Edítalo y descarga el resultado en .html. Gratis y sin subir nada.
Para abrir un archivo HTML online, pulsa Abrir archivo o arrastra el .html al editor: el código aparece a la izquierda y la página renderizada a la derecha. También puedes pegar el marcado directamente. Edita con resaltado de sintaxis y, cuando termines, descarga el resultado como .html o cópialo. El archivo se lee en local y se muestra en un iframe aislado, así que no se sube nada a ningún servidor.
Visor HTML
1500
Editor
Código
Vista previa
Vista previa en vivo
También te puede interesar
Cómo usar el visor HTML
- 1
Abre o pega tu HTML
Pulsa Abrir archivo para elegir un documento .html o .htm, arrástralo sobre el editor o pega código que hayas copiado de otro sitio.
- 2
Comprueba la codificación
Si el archivo declara en una etiqueta meta un juego de caracteres antiguo, como windows-1252 o ISO-8859-1, se decodifica con él; si no, se lee como UTF-8. El nombre del archivo y la codificación aparecen en la cabecera.
- 3
Observa la vista previa en vivo
El panel derecho renderiza el marcado medio segundo después de que dejas de escribir; las hojas de estilo y scripts con URL https absoluta, por ejemplo de un CDN, también se cargan.
- 4
Edita y guarda
Ajusta el código y mira cómo cambia el resultado; después pulsa Descargar .html para guardar la página, Copiar para llevarte el marcado o Pantalla completa para tener más espacio.
Referencias
- WHATWG — Estándar HTML
La especificación viva que define la sintaxis HTML, los elementos y el comportamiento de renderizado en los navegadores modernos.
- MDN — HTML
Referencia completa y tutoriales sobre elementos HTML, atributos y buenas prácticas.
Herramientas relacionadas
Minificador HTML
Elimina espacios y comentarios para reducir el HTML en producción.
HTML a JSON
Convierte marcado HTML en una representación JSON estructurada.
Visor Markdown
Previsualiza Markdown renderizado como HTML en tiempo real.
Minificador CSS
Comprime las hojas de estilo que usas para dar estilo a tu vista previa HTML.
Preguntas frecuentes
- ¿Cómo abro un archivo HTML online y lo previsualizo?
- Pulsa Abrir archivo y elige el .html, o arrástralo desde el escritorio al editor. El código se carga en el panel izquierdo y la página se renderiza a la derecha al instante; el archivo no sale de tu ordenador y no necesitas instalar nada.
- ¿Puedo descargar el visor HTML para Android o usarlo en línea gratis?
- Este visor HTML funciona directamente en el navegador—Android, iOS o escritorio—sin descargar ninguna app. En el móvil, Abrir archivo muestra el selector del sistema para cargar un .html guardado en el teléfono.
- ¿Por qué mi HTML muestra caracteres raros (ñ, é, �)?
- El visor decodifica el archivo con el juego de caracteres que indica su <meta charset> (o la etiqueta http-equiv) y, si no hay ninguno, usa UTF-8. Cuando esa declaración falta o no coincide con la codificación real con que se guardó la página, las eñes y las tildes salen mal; corrige la línea meta charset y vuelve a abrir el archivo.
- ¿Puedo guardar el HTML que he editado?
- Sí. Descargar .html guarda el contenido actual del editor como archivo UTF-8 y conserva el nombre original si abriste un archivo. Si el código declaraba otro juego de caracteres, en la copia guardada esa etiqueta meta pasa a utf-8 para que se siga viendo bien.
- ¿Puedo probar CSS y JavaScript externos en este visor HTML?
- Sí, siempre que usen URL https absolutas, como una hoja de estilos de un CDN. Las rutas relativas tipo ./style.css no se resuelven, porque la vista previa no tiene carpeta propia. El marco funciona en sandbox con scripts permitidos pero sin acceso al mismo origen.
- ¿Mi código HTML se envía a un servidor?
- No. Todo el renderizado ocurre en tu navegador. Tu código nunca sale de tu dispositivo, lo que mantiene seguros tus proyectos privados o en proceso.
- ¿Existe un editor HTML con vista previa en línea y en español?
- Sí, este editor incluye interfaz en español con vista previa en vivo. Abre, edita, visualiza y descarga o copia el resultado en una sola herramienta, sin registro ni coste.
- ¿La vista previa se actualiza automáticamente al editar?
- Sí. El visor re-renderiza el panel de vista previa en tiempo real con cada cambio, sin necesidad de hacer clic en ningún botón de actualización.