HTML - 입력하는 그대로 화면에 보여주는 요소

소스에 공백이나 탭을 아무리 많이 넣어도 브라우저상에서는 보여주지 않습니다. 하지만 <pre> 요소를 사용하면 공백이나 탭을 "있는 그대로" 브라우저에 보여 주게 됩니다.

보통 프로그램 소스를 사용자에게 보여주기 위해 많이 사용합니다.

<pre>
<p><b>굵은 글씨</b>입니다.</p>


"                        있는 그대로"
</pre>

아래는 결과 화면입니다.

굵은 글씨입니다.


"                        있는 그대로"