Vista previa HTML

Pega HTML para verlo como una página web en tu navegador, en móvil u ordenador.

Tu HTML no se envía ni se guarda.

Entrada HTML

Pega un documento HTML o un fragmento y muestra la vista previa.

En pantallas anchas, la vista previa se actualiza automáticamente al dejar de escribir. Al ejecutar JavaScript, actualiza con el botón.

Ejecutar JavaScript

Actívalo solo para HTML de confianza. Se restringen el acceso a la página principal, el almacenamiento, los recursos externos y el envío de formularios.

Vista previa

Solo en el navegador

Pega HTML para ver una vista previa aquí.

CDN compatibles y Mermaid

Se admite CSS de las URL fijas siguientes. Mermaid se dibuja automáticamente en elementos pre o div con class="mermaid". Los CDN requieren conexión a Internet.

Bootstrap 5.3.8<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/css/bootstrap.min.css">
Font Awesome 7.3.0<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@7.3.0/css/all.min.css">

Noto Sans JP<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;700&display=swap">
JetBrains Mono<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;700&display=swap">

Mermaid 12.2.0

<pre class="mermaid">
graph TD
  A[HTML] --> B[Preview]
</pre>