HTML-voorbeeld

Plak HTML om het als webpagina te bekijken in je browser, op mobiel of computer.

Je HTML wordt niet verzonden of opgeslagen.

HTML-invoer

Plak een HTML-document of fragment en open het voorbeeld.

Op brede schermen wordt het voorbeeld automatisch bijgewerkt zodra je stopt met typen. Gebruik bij JavaScript de knop om bij te werken.

JavaScript uitvoeren

Alleen inschakelen voor vertrouwde HTML. Toegang tot de bovenliggende pagina, opslag, externe bronnen en formulierverzending is beperkt.

Voorbeeld

Alleen in de browser

Plak HTML om hier een voorbeeld te zien.

Ondersteunde CDN’s en Mermaid

CSS wordt ondersteund op de vaste URL’s hieronder. Mermaid wordt automatisch weergegeven in pre- of div-elementen met class="mermaid". CDN-functies vereisen 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>