Unicode Untuk Menciptakan Diagram Pohon

Published by Concept Phone Minggu, 29 Juli 2018

Daftar Kode

Simbol	Tampilan
│	│
─	─
├	├
└	└

Sampel HTML

Untuk indentasi huruf yang akurat, arahan 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

Sumber https://www.dte.web.id/