Think Different and Hunger for

<pre>태그

HTML 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>

◈ 실행결과 ◈

입력한대로 나타납니다 나보기가 역겨워 가실때에는 말없이 고이보내 드리오리다. 가시는 걸음 걸음 놓인 그꽃을 사뿐히 즈려밟고 가시옵소서.

'HTML' 카테고리의 다른 글

html float로 중앙정렬 시키기 (0)	2016.04.25
밑줄 hover 인라인스타일로 (1)	2016.04.08
jquery로 css 접근해서 처리 (0)	2015.11.16
css 우선순위 !important (0)	2015.09.18
img 태그에 alt 속성 (0)	2015.09.16