인용문 <blockquote> <q>

HTML 2011. 12. 18. 16:57




  안녕하세요?

  오늘은 인용문을 HTML 문서에 넣은 법입니다. 긴인용문은 <blockquote></blockquote>로 둘러싸면 되고 이때 아래 예에서와 같이 앞에서 좀 띄워져서 나타나게 됩니다. 짧은 인용문은 <q></q>로 하면되고 "(따옴표)가 앞뒤에 붙게 된다고 하네요.

 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<body>

A long quotation:
<blockquote>
This is a long quotation. This is a long quotation. This is a long quotation. This is a long quotation. This is a long quotation.
</blockquote>

<p><b>Note:</b> The browser inserts white space before and after a blockquote element. It also inserts margins.</p>

A short quotation:
<q>This is a short quotation</q>

<p><b>Note:</b> The browser inserts quotation marks around the short quotation.</p>

</body>
</html>

 

실행결과

A long quotation:

This is a long quotation. This is a long quotation. This is a long quotation. This is a long quotation. This is a long quotation.

Note: The browser inserts white space before and after a blockquote element. It also inserts margins.

A short quotation: This is a short quotation

Note: The browser inserts quotation marks around the short quotation.

 

출처 : w3schools.com

'HTML' 카테고리의 다른 글

html style background-color  (0) 2011.12.25
HTML style-1  (0) 2011.12.22
글자 꺼꾸로 나타나게 하는 HTML 소스  (0) 2011.12.13
id,class  (0) 2011.12.08
초보자도 쉽게하는 분석하는 HTML 문서  (0) 2011.11.30


설정

트랙백

댓글