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.