본문 바로가기
Front-End/HTML

[HTML] pre(preformatted text) 태그

by 찐코딩 2021. 10. 6.

pre(preformatted text) 태그

==> 사용자가 입력한 그대로 출력시키는 태그

HTML에서는 띄어쓰기를 아무리 많이 입력해도 출력해보면 1개만 인식하는데, pre태그를 쓰면 내가 들여쓴 만큼, 내가 띄어쓰기 한 만큼 출력할 수 있다.

 

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
</head>
<body>

		<!-- pre(preformatted text) 태그
		     ==> 사용자가 입력한 그대로 출력시키는 태그. -->
		<pre>
		1절 : 동해       물과 백두산이 마르고 닳도록   <br />
		          하느님이 보우하사 우리 나라     만세. <br />
		          무궁화 삼천리 화려 강산  <br />
		          대한  사람 대한으로 길이 보전하세.
		</pre>          
</body>
</html>

 

댓글