🍋 Developer Tools

HTML Formatter

Beautify or minify HTML code with proper indentation

Free Navigateur uniquement No sign-up

Entrée

chars words sentences lines

Deuxième entrée

Options de formatage

Action

Indentation

Résultats

Résultat

À propos de HTML Formatter

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

Comment ça marche

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.

Étape par étape

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 ]

Conseils

[
'
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