..

Search

8) 인용구

인용구


인용구(Quotation)

HTML에서 인용구를 표현하는 방법은 다음과 같이 두 가지로 나뉩니다.

 

1. 짧은 인용구

2. 블록 인용구


짧은 인용구

짧은 인용구는 <q>태그(quotation)를 사용하여 표현할 수 있으며, 자동으로 앞뒤에 큰따옴표가 붙습니다.

예제

<p>HTML의 정의는

<q>웹 페이지를 만들기 위한 하이퍼텍스트 마크업 언어</q>

입니다.</p>

코딩연습 ▶


블록 인용구

길이가 긴 인용문은 <blockquote>태그(block quatation)를 사용하여 표현할 수 있습니다.

<blockquote>태그는 이러한 인용 부분을 별도의 단락으로 구분하여 나타냅니다.

예제

<p>HTML의 정의</p>

<blockquote>

인터넷 서비스의 하나인 월드 와이드 웹을 통해 볼 수 있는 문서를 만들 때 사용하는 프로그래밍 언어의 한 종류이다.

</blockquote>

코딩연습 ▶


축약형 표현

HTML에서 용어의 축약형을 표현하기 위해서는 <abbr>태그(abbreviation)를 사용합니다.

<abbr>태그 위에 마우스를 위치시키면 title 속성에 명시한 용어의 원형이 나타납니다.

예제

 

<p><strong><abbr title="HyperText Markup Language 5">HTML5</abbr></strong>

란 웹 문서를 제작하는 데 쓰이는 프로그래밍 언어인 HTML의 최신규격입니다.</p>

 

코딩연습 ▶


주소 표현

<address>태그를 사용하면 HTML에서 주소를 표현할 수 있습니다.

이러한 주소는 이탤릭체로 표현되며, 위아래로 약간의 공백이 자동으로 삽입됩니다.

예제

<address>

    서울특별시<br>

    강남구 테헤란로

</address>

코딩연습 ▶


연습문제