🍋 Developer Tools

HTML Formatter

Beautify or minify HTML code with proper indentation

Free 브라우저 전용 No sign-up

입력

chars words sentences lines

두 번째 입력

포매터 옵션

동작

들여쓰기

결과

HTML Formatter 소개

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

작동 방식

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.

단계별 사용법

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 ]

팁

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

HTML Formatter

포매터 옵션

결과

HTML Formatter 소개

작동 방식

단계별 사용법

팁

자주 묻는 질문