HTML 입문 | HTML 텍스트 요소 | 인용 (Quotation)

HTML에서 인용구를 표현하는 방법은 다음과 같이 2가지가 있다.

  1. 짧은 인용구
  2. 블록 인용구

짧은 인용문 <q>

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

예제

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

코드 실행

블록 인용문 <blockquote>

길이가 긴 인용문은 <blockquote>(block quatation)태그를 사용하여 표현할 수 있다. <blockquote> 태그는 이러한 인용 부분을 별도의 단락으로 구분하여 나타낸다.

예제

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

코드 실행

축약형 표현 <abbr>

HTML에서 용어의 축약형을 표현하기 위해서는 <abbr>(abbreviation)태그를 사용한다. <abbr> 태그 위에 마우스를 위치시키면 title 속성에 명시한 용어의 원형이 나타난다.

예제

<p><strong><abbr title="Hyper Text Markup Language 5">HTML5</abbr></strong>
란 웹 문서를 제작하는 데 쓰이는 프로그래밍 언어인 HTML의 최신규격입니다.</p>

코드 실행

주소 표현 <address>

<address> 태그를 사용하면 HTML에서 주소를 표현할 수 있다. 이러한 주소는 이탤릭체로 표현되며, 위아래로 약간의 공백이 자동으로 삽입된다.

예제

<address>서울특별시 마포구 상암동</address>

코드 실행




최종 수정 : 2021-08-27