🍋 Developer Tools

Pemformat HTML

Format dan rapikan kode HTML dengan indentasi yang tepat

Free Hanya di browser No sign-up

Input

chars words sentences lines

Input Kedua

Opsi Formatter

Tindakan

Indentasi

Hasil

Tentang Pemformat HTML

Format dan rapikan kode HTML dengan indentasi yang tepat, jeda baris, dan organisasi tag. Mendukung fragmen HTML dan dokumen lengkap.

Cara Kerja

Parsing HTML menjadi pohon token (tag buka, tag tutup, teks, komentar). Menerapkan aturan indentasi: elemen block mendapat baris baru, konten indentasi satu level. Tag inline tetap sebaris.

Langkah demi Langkah

1 [
2 '
3 T
4 e
5 m
6 p
7 e
8 l
9
10 k
11 o
12 d
13 e
14
15 H
16 T
17 M
18 L
19
20 A
21 n
22 d
23 a
24 '
25 ,
26
27 '
28 P
29 i
30 l
31 i
32 h
33
34 u
35 k
36 u
37 r
38 a
39 n
40
41 i
42 n
43 d
44 e
45 n
46 t
47 a
48 s
49 i
50
51 (
52 2
53
54 a
55 t
56 a
57 u
58
59 4
60
61 s
62 p
63 a
64 s
65 i
66 ,
67
68 a
69 t
70 a
71 u
72
73 t
74 a
75 b
76 )
77 '
78 ,
79
80 '
81 K
82 l
83 i
84 k
85
86 F
87 o
88 r
89 m
90 a
91 t
92
93 u
94 n
95 t
96 u
97 k
98
99 m
100 e
101 r
102 a
103 p
104 i
105 k
106 a
107 n
108 '
109 ,
110
111 '
112 S
113 a
114 l
115 i
116 n
117
118 H
119 T
120 M
121 L
122
123 y
124 a
125 n
126 g
127
128 s
129 u
130 d
131 a
132 h
133
134 d
135 i
136 f
137 o
138 r
139 m
140 a
141 t
142 '
143 ]

Tips

[
'
G
u
n
a
k
a
n
2
s
p
a
s
i
u
n
t
u
k
i
n
d
e
n
t
a
s
i
—
s
t
a
n
d
a
r
w
e
b
m
o
d
e
r
n
'
,
'
F
o
r
m
a
t
H
T
M
L
s
e
b
e
l
u
m
c
o
d
e
r
e
v
i
e
w
u
n
t
u
k
k
e
t
e
r
b
a
c
a
a
n
l
e
b
i
h
b
a
i
k
'
,
'
P
a
s
t
i
k
a
n
s
e
m
u
a
t
a
g
m
e
m
i
l
i
k
i
p
a
s
a
n
g
a
n
p
e
n
u
t
u
p
y
a
n
g
b
e
n
a
r
'
,
'
H
a
p
u
s
k
o
m
e
n
t
a
r
y
a
n
g
t
i
d
a
k
p
e
r
l
u
s
e
b
e
l
u
m
d
e
p
l
o
y
k
e
p
r
o
d
u
c
t
i
o
n
'
]

Categories