Internet/HTML

HTML pre 태그

by 1730 2014. 10. 29.

<pre> 태그는 내용을 공백 줄 바꿈 태그 등을 사용하지 않고도 작성한 그대로 표시 되기에 코드 등을 표현할 때 많이 사용합니다.

 

<pre>
가다라마바사    아자차가 타     파하
A
	B                                   CB
    
    
    
    EFG 
</pre>

위와같이 태그를 입력하고 글을 작성하면 줄 바꿈 등 작성한 내용과 동일하게 출력을 합니다.

 

가다라마바사    아자차가 타     파하
A
	B                                   CB
    
    
    
    EFG

<P><BR> &nbsp 등의 태그를 사용하지 않고도 작성한 대로 표현됩니다.

 

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script>
	$(document).ready(function(){
		$(".jtoggle .btn").click(function(){
		$(".jtoggle ul").toggle();
		});
	});
</script>

 

 $(document).ready(function(){   
 	$(".jtoggle .btn").click(function(){
    	$(".jtoggle ul").toggle();
	});
});

제이쿼리 토글 버튼 소스로 위와 같이 작성 내용 그대로 보여주기 때문에 소스 코드 표현에 매우 유용하게 사용됩니다.

'Internet > HTML' 카테고리의 다른 글

목록 이동 a 태그  (0) 2014.10.19
반응형 블로그 동영상 크기 자동 조절 (iframe,object,embed)  (0) 2014.09.25