HTML <pre> 태그 : 서식 설정 텍스트 태그(Preformatted Text)

<pre> HTML 태그는 서식이 설정된 텍스트를 표시하는 데 사용됩니다.
<pre> 태그는 텍스트 박스에 입력된 그대로 상태를 웹페이지 상에 보여주는 태그입니다..
예를 들면, 우리가 입력할 때 사용한 탭(Tab)이 든 텍스트, 엔터키 등을 그대로 화면상에 표현할 수 있습니다.

<pre> 태그 예제

					
					
<html>
 <head>
    <title>html pre 태그 예제샘플</title>
 </head>
 <body>
   <h1>pre 태그의 예제샘플입니다</h1>
   <p>
     <PRE>
          과일 사과 레포트
          
          사과는 장미 종 맬 러스 domestica, 사과 나무의 pomaceous 과일입니다
          
          1 식물 정보 
            1.1 사과 조상
            1.2 게놈
           
          2 역사
          3 문화 측면 
            3.1 Germanic paganism
            3.2 Greek mythology
            3.3 에덴 동산의 금단의 열매
    </PRE>
    <p>

   <pre>
    this  is  a pre 
       formatted 
       text list
   </pre>
    

</body>
</html>

					
					

[예제 결과보기및 소스코드 수정하기]

<pre> 관련 태그


em , strong , dfn , code , samp , kbd , var , cite , abbr , acronym , pre

<pre> 태그 속성

class : 문서의 요소를 식별합니다.

dir : HTML의 일세 속성은 HTML 문서의 요소 안에있는 텍스트의 방향을 설정합니다.

id : 문서의 요소를 식별합니다.

lang : 요소의 내용의 언어를 지정합니다.

style : 요소에 대한 인라인 스타일을 지정합니다.

title : 문서에 대한 제안 제목은 열 수 있습니다.

width : 요소의 너비를 지정하는 것입니다.

<pre> 태그 이벤트

onclick : 마우스 클릭에서 스크립트가 실행됩니다.

ondblclick : 마우스를 두번 클릭에서 스크립트가 실행됩니다.

onmousedown : 스 버튼을 누를 때 스크립트가 실행됩니다.

onmouseup : 마우스 버튼이 버튼이 누른후 스크립트가 실행됩니다.

onmouseover : 마우스 포인터가 요소 위에 이동할 때 스크립트가 실행됩니다.

onmousemove : 마우스 포인터가 이동할때 스크립트가 실행됩니다.

onmouseout : 마우스 포인터가 요소에서 이동할 때 스크립트가 실행됩니다.

onkeypress : 키를 누르면 스크립트가 실행됩니다.

onkeydown : 키를 눌렀을 때 스크립트가 실행됩니다.

onkeyup : 키가 누른후에 스크립트가 실행됩니다.

 


WRITTEN BY
white_rabbitstar
html대학에서는 html 태그,html5 신규태그,css등 모든 속성,이벤트,속성값을 정리하여 앞으로 열심히 글을 올리 겠습니다.

,