[HTML PRE]<pre>태그 사용법

안녕하세요. 필자입니다. 지금은 html테그중에서 엔터를 쳐도 형태를 보존해주는 태그를 알려주도록 하겠습니다.

사용방법은 <pre></pre>입니다.

아래의 예제를 보시면

<pre>

                  이 벤 트 참 가 로 그

---------------------------------------

이름            점수            날짜        시간

---------------------------------------

이서현        100점        2013.02.17    14.02

ABCD          90점        2013.02.17    14.04

</pre>

http://notenet.tk/ 여기에 시험해 보았습니다.

출력결과는

                  이 벤 트 참 가 로 그
---------------------------------------
이름            점수            날짜        시간
---------------------------------------
이서현        100점        2013.02.17    14.02
ABCD          90점        2013.02.17    14.04

로 나왔습니다. 보아하니 별 이상은 없었습니다.

하지만 pre태그에도 단점은 있습니다.

<pre>

                  이 벤 트 참 가 로 그

---------------------------------------

이름            점수            날짜        시간

---------------------------------------

이서현입니다데헷ㅋㅋㅋㅋ        100점        2013.02.17    14.02

ABCD          90점        2013.02.17    14.04

</pre>

출력결과가 뒤틀립니다.

                  이 벤 트 참 가 로 그
---------------------------------------
이름            점수            날짜        시간
---------------------------------------
이서현입니다데헷ㅋㅋㅋㅋ        100점        2013.02.17    14.02 

ABCD 90점 2013.02.17 14.04

개인적으로 귀찮겠으나 table태그 사용을 권장드리는 바입니다,

   

아래의 손가락버튼을 눌러주시면 블로그에 큰 힘이 됩니다.