Mecha versi 2.6.3 sudah dirilis!

Unicode untuk Membuat Diagram Pohon

Tabel Konten
  1. Daftar Kode 
  2. Sampel HTML 
  3. Demo 

Daftar Kode 

SimbolTampilan
│
─
├
└

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

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

Komentar telah ditutup.