HTML

<pre>태그

이상욱1 2015. 12. 7. 15:37
◈ 입력한대로 보여주는 <pre> 태그 ◈

기본적으로 html 문서에서 <pre>태그는 "Line Break"를 의미하며, 강제적으로 줄바꿈을 할 때 사용합니다. 키보드의 엔터(Enter), 탭(Tab), 사이띄기(Space) 등을 무조건 공백 하나로만 취급합니다. 그러나 <pre> 태그안의 문자열드에 대해서는 원하는 곳에 지정한 문장을 배치할 수 있으며 원하는 만큼 공백을 줄수도 있고 복잡한 문장과 단락구조 자체를 쉽게 효현할 수 있습니다. <pre>태그를 사용할 때 주의점은 다른 태그를 안에 사용하지 말아야 한다는 것입니다.



◈ 사용예 ◈


<html>
<head>
<title>pre 태그</title>
</head>
<body>
<pre>
입력한대로     나타납니다
나보기가 역겨워 가실때에는
말없이 고이보내 드리오리다.


가시는 걸음 걸음 놓인 그꽃을 

사뿐히 즈려밟고 가시옵소서.

</pre>
</body>
</html>



◈ 실행결과 ◈



입력한대로     나타납니다
나보기가 역겨워 가실때에는
말없이 고이보내 드리오리다.


가시는 걸음 걸음 놓인 그꽃을 

사뿐히 즈려밟고 가시옵소서.