Please Enable JavaScript!
Gon[ Enable JavaScript ]

HTML 단락 들여쓰기 blockquote 태그 사용하는 방법

웹 프로그래밍/HTML
반응형

<blockquote> 태그는 단락 전체에 들여쓰기를 할 경우 사용합니다. 주로 인용문이나 요약문, 설명 글을 쓸 때 많이 이용합니다. <blockquote> 에 들어간 텍스트는 전후에 여백이 생기기 때문에 P 태그처럼 사용이 가능합니다.

 

 

워드나 한글에서 단락에 전체 들여쓰기는 눈금자를 이용합니다. 아래 그림처럼 상단 눈금자에 있는 아이콘을 옮기게 되면 커서가 위치한 단락의 내용이 전체적으로 들여쓰기가 됩니다. 이것을 웹 페이지에서 그대로 표현하기 위해서 <blockquote> 사용하는 것입니다.

HTML 단락 들여쓰기 blockquote 태그 사용하는 방법

  

워드에서 표현 했던 것처럼 동일한 텍스트를 넣었습니다. 그리고 들여쓰기 할 텍스트를 <blockquote> 태그에 넣습니다. 그리고 실행해 보시면 워드에서와 동일하게 들여쓰기가 된다는 것을 알 수 있습니다.

<!DOCTYPE HTML>
<html>
<head>
<meta charset="euc-kr">
<title>HTML 태그</title>
<style type="text/css">
	body {
		background-color: #e7e7e7;
	}
</style>
</head>
<body>
	<p>HTML 단락 들여쓰기 blockquote 태그 사용하는 방법 </p>
	
	<blockquote> 
	<blockquote>
	태그는 단락 전체에 들여쓰기를 할 경우 사용됩니다. 
	주로 인용문이나 요약문,설명 글을 쓸 때 많이 이용합니다.  
	에 들어간 텍스트는 전후에 여백이 생기기 때문에 P 태그처럼 
	사용이 가능합니다.
	</blockquote> 
</body>
</html>

 

HTML 단락 들여쓰기 blockquote 태그 사용하는 방법

※ 아래는 참고하면 좋을 만한 글들의 링크를 모아둔 것입니다.
HTML 입력한 형태 그대로 보여 주는 pre 태그 사용법
윈도우 메모장에 HTML 문서 작성하는 방법
크롬 브라우저 페이지 소스 보기, HTML 디자인 확인하기
HTML 입력양식 input 태그 HTML5 type 타입 대한 설명
HTML 하이퍼링크 a 태그 id 속성으로 내부 링크 기능 구현하는 방법
반응형
Posted by 녹두장군

댓글을 달아 주세요