🍋 Developer Tools

HTML Formatter

Beautify or minify HTML code with proper indentation

Free Apenas no navegador No sign-up

Entrada

chars words sentences lines

Segunda entrada

Opções de formatação

Ação

Indentação

Resultados

Resultado

Sobre HTML Formatter

Format HTML code with proper indentation and line breaks, or minify it by removing whitespace. Supports customizable indent size for beautified output.

Como funciona

Paste your HTML code and choose to format (beautify) or minify. The formatter parses HTML tags and text nodes, applying proper indentation based on nesting level. Void elements and inline content are handled correctly.

Passo a passo

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

Dicas

[
'
U
s
e
F
o
r
m
a
t
t
o
m
a
k
e
c
o
m
p
r
e
s
s
e
d
H
T
M
L
r
e
a
d
a
b
l
e
'
,
'
U
s
e
M
i
n
i
f
y
t
o
r
e
d
u
c
e
f
i
l
e
s
i
z
e
f
o
r
p
r
o
d
u
c
t
i
o
n
'
,
'
I
n
l
i
n
e
e
l
e
m
e
n
t
s
(
s
p
a
n
,
a
,
s
t
r
o
n
g
)
s
t
a
y
o
n
t
h
e
s
a
m
e
l
i
n
e
'
]

Categories