HTML 강좌 | 인용하기 - q, blockquote

인용을 나타내는 태그는 qblockquote 두가지가 있습니다. q는 문단 안에서 인용할 때 사용하는 인라인 요소이고, blockquote는 블록 요소로 새로운 문단으로 나타내어집니다.

인용문의 출처는 cite 속성으로 나타냅니다. cite 속성은 선택사항이므로 넣지 않아도 되며, 웹브라우저에서는 보이지 않습니다.

문법

<q cite="xxx">...</q>
<blockquote cite="xxx">...</blockquote>

예제 1

<!doctype html>
<html lang="ko">
  <head>
    <meta charset="utf-8">
    <title>HTML</title>
  </head>
  <body>
    <p>
      Lorem ipsum dolor sit amet
      <q cite="http://www.cmsfactory.net/">consectetur adipiscing</q>
      elit.
    </p>
  </body>
</html>

q 요소는 인용문구를 큰 따옴표로 감싸는 것이 기본 모양입니다.

예제 2

<!doctype html>
<html lang="ko">
  <head>
    <meta charset="utf-8">
    <title>HTML</title>
  </head>
  <body>
    <p>blockquote</p>
    <blockquote>
      <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean nec mollis nulla.</p>
    </blockquote>
  </body>
</html>

blockquote 요소는 양쪽에 여백이 있는 것이 기본 모양입니다.

Category

Created on 2017-01-16 00:50 | Updated on 2017-01-16 00:50

이 글을 공유하기

Kakao