HTML / 인용하기 - q, blockquote
인용
인용임을 나타내는 태그에는 q와 blockquote가 있습니다. q는 문단 안에서 인용할 때 사용하는 인라인 요소이고, blockquote는 새로운 문단에서 인용하는 블록 요소입니다.
문법
|
1 2 |
<q cite="xxx">...</q> <blockquote cite="xxx">...</blockquote> |
인용문의 출처는 cite 속성으로 나타냅니다. cite 속성 입력은 선택사항이고, 웹브라우저에서는 보이지 않습니다.
예제 1
q 요소의 기본 모양은 인용문구를 큰 따옴표로 감싸는 것입니다.
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 |
<!doctype html> <html lang="ko"> <head> <meta charset="utf-8"> <title>HTML</title> </head> <body> <p> Lorem ipsum dolor sit amet <q cite="https://www.codingfactory.net/">consectetur adipiscing</q> elit. </p> </body> </html> |
예제 2
blockquote 요소의 기본 모양은 양쪽에 여백이 있는 것입니다.
|
1 2 3 4 5 6 7 8 9 10 11 12 13 |
<!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> |
