프로그래밍/HTML

HTML- pre 태그

가카리 2014. 6. 6. 17:15
반응형

◈ 입력한대로 보여주는 <pre> 태그 ◈

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



◈ 사용예 ◈

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


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

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

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



◈ 실행결과 ◈ 


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


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

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

 

 

출처 : http://dsk114.com.ne.kr/html/pre.html

저작자표시 비영리 변경금지

'프로그래밍 > HTML' 카테고리의 다른 글

HTML - CSS에서 주석은 <!-- -->가 아닌 /* */이다  (0) 2015.01.18
HTML - name과 id 의 차이점  (0) 2015.01.03
초보 Java 웹 개발자들을 위한 학습 로드맵 (펌자료)  (0) 2014.12.21
HTML - HTML로 만든 게시판 모양 깨짐 방지  (0) 2014.06.25
HTML - div와 span 태그의 차이점  (0) 2013.12.15
HTML - 셀렉트박스(select)  (0) 2013.11.29
HTML - target blank, self, parent, top의 의미  (1) 2013.11.28
HTML - Frameset 이란  (2) 2013.11.26

'프로그래밍/HTML'의 다른글

  • 현재글HTML- pre 태그

관련글

댓글

티스토리툴바