Wednesday, December 12, 2012

Unicode untuk Membuat Diagram Pohon

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

Labels: , ,

8 Comments:

At Thursday, December 13, 2012 at 6:33:00 AM GMT+7, Blogger IRIL SAGITA said...

Ini bagus kak, jarang yang membahas ini, semoga bermanfaat !

 
At Thursday, December 13, 2012 at 1:26:00 PM GMT+7, Anonymous Anonymous said...

keren gan slideshow blog ini.. :)
gimana cara buatnya?

 
At Tuesday, December 25, 2012 at 10:31:00 AM GMT+7, Blogger Unknown said...

sepertinya saya bodoh jika saya tidak mencantumkeun link blog ini pada footer blog yang meski blognya karya mkr

thank's ya atas ilmu2nya

 
At Tuesday, December 25, 2012 at 10:33:00 AM GMT+7, Blogger Unknown said...

maksudnya blog saya di http://downloadsatujari.blogspot.com/

 
At Thursday, December 27, 2012 at 10:11:00 AM GMT+7, Anonymous Anonymous said...

makasih kak sudah mau...berbagi info yg menarik ini

 
At Thursday, December 27, 2012 at 10:12:00 AM GMT+7, Anonymous Anonymous said...

keren kak..makasih yha kak

 
At Tuesday, February 19, 2013 at 8:55:00 PM GMT+7, Anonymous Anonymous said...

makasih infonya sob, keren GA-nya sob...

 
At Thursday, November 7, 2013 at 3:44:00 PM GMT+7, Anonymous Anonymous said...

terima kasih atas

 

Post a Comment

<< Home