Hakiki ya HTML

Bandika HTML ili kuona ukurasa wa wavuti kwenye kivinjari cha simu au kompyuta.

HTML yako haitumwi wala kuhifadhiwa.

Ingiza HTML

Bandika hati ya HTML au sehemu yake kisha ufungue hakiki.

Kwenye skrini pana, onyesho husasishwa kiotomatiki unapoacha kuandika. Unapoendesha JavaScript, sasisha kwa kitufe.

Endesha JavaScript

Washa kwa HTML inayoaminika tu. Ufikiaji wa ukurasa mzazi, hifadhi, rasilimali za nje na utumaji fomu umezuiwa.

Hakiki

Ndani ya kivinjari tu

Bandika HTML ili kuona hakiki hapa.

CDN zinazotumika na Mermaid

CSS inatumika kwenye URL maalumu zilizo hapa chini. Mermaid huonyeshwa kiotomatiki ndani ya pre au div yenye class="mermaid". CDN inahitaji intaneti.

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>