프론트 엔드/HTML

[HTML] HTML - 8.인용구

Koras02 2023. 1. 3. 08:53
728x90

인용구(Quotation)

HTML에서 인용구를 표현하기 위해서는 다음 2가지 방법으로 나뉩니다.

  • 짧은 인용구(Short Quotation)
  • 블록 인용구(Block Quotation)

1. 짧은 인용구

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

 <p>HTML 정의는
        <q>웹 페이지를 만들고 그리기 위해 만들 하이퍼텍스트 마크업 언어</q>
        입니다.
 </p>

2. 블록 인용구

블록 인용구는 길이가 긴 인용문을 <blockquote>태그(block quatation)을 사용해 표현합니다.

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

 <blockquote>
        Internet Service의 하나인 World-Wide-Web(WWW)을 통해 볼 수 있는 문서를 만들 때 사용하는 Programming 
        Language 중 한 종류이다.
    </blockquote>

3.축약형 표현

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

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

 <p><strong><abbr title="HyperText Markup Language">HTML5</abbr></strong>
    란 웹 문서를 제작하는 데 사용되는 프로그래밍 언어인 HTML의 최신 버전입니다.</p>

4.주소 표현

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

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

 <address>
        Tokyo <br>
         Nishishinjuku, Shinjuku-ku
</address>

참고 자료

 

코딩교육 티씨피스쿨

4차산업혁명, 코딩교육, 소프트웨어교육, 코딩기초, SW코딩, 기초코딩부터 자바 파이썬 등

tcpschool.com