Unicode untuk Membuat Diagram Pohon
Tabel Konten
Daftar Kode
Simbol | Tampilan |
---|---|
│ | │ |
─ | ─ |
├ | ├ |
└ | └ |
Sampel HTML
Untuk indentasi karakter yang akurat, kode hendaknya dituliskan di dalam elemen <pre>
atau elemen blok apapun yang dikenai deklarasi white-space:pre
dan bertipe font Monospace:
<!-- Dengan tag `PRE` -->
<pre>
Teks dan unikode di sini ...
</pre>
<!-- Dengan tag HTML biasa -->
<div style="white-space:pre;word-wrap:break-word;font-family:Monospace;">
Teks dan unikode di sini ...
</div>
Demo
A
├─── AA
│ └─── AAA
├─── AB
│ ├─── ABA
│ ├─── ABB
│ └─── ABC
└─── AC
A
├─── AA
│└─── AAA
├─── AB
│├─── ABA
│├─── ABB
│└─── ABC
└─── AC
├─── AA
│└─── AAA
├─── AB
│├─── ABA
│├─── ABB
│└─── ABC
└─── AC
8 Komentar
IRIL SAGITA
Ini bagus kak, jarang yang membahas ini, semoga bermanfaat !
Anonim
keren gan slideshow blog ini.. :)
gimana cara buatnya?
Unknown
sepertinya saya bodoh jika saya tidak mencantumkeun link blog ini pada footer blog yang meski blognya karya mkr
thank's ya atas ilmu2nya
Unknown
maksudnya blog saya di http://downloadsatujari.blogspot.com/
Anonim
makasih kak sudah mau...berbagi info yg menarik ini
Anonim
keren kak..makasih yha kak
Anonim
makasih infonya sob, keren GA-nya sob...
Anonim
terima kasih atas