[HTML] 인용구(Quotation)

2022. 9. 16. 02:57·Language/HTML
728x90

인용구(Quotation)

HTML에서 인용구를 표현하는 방법

  • 짧은 인용구
  • 블록 인용구

짧은 인용구

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

<p>HTML은
<q>Hyper Text Markup Language</q>
의 약자</P>

출력 화면

블록 인용구

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

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

<p>HTML</p>
<blockquote>
HTML(HyperText Markup Language)은 팀 버너스리(Tim Berners-Lee)가 발표했다.
</blockquote>

출력 화면

축약형 표현

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

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

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

주소 표현

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

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

'Language > HTML' 카테고리의 다른 글

[HTML] 엔티티(Entity)  (0) 2022.09.16
[HTML] 주석(Comment)  (0) 2022.09.16
[HTML] 서식(Formatting)  (0) 2022.09.16
[HTML] 단락(Paragraph)  (0) 2022.09.16
[HTML] 제목(Heading)  (0) 2022.09.16
'Language/HTML' 카테고리의 다른 글
  • [HTML] 엔티티(Entity)
  • [HTML] 주석(Comment)
  • [HTML] 서식(Formatting)
  • [HTML] 단락(Paragraph)
arajo
arajo
  • arajo
    아라 메모장
    arajo
  • 전체
    오늘
    어제
    • 분류 전체보기 (509)
      • Language (298)
        • HTML (55)
        • CSS (11)
        • JavaScript (70)
        • TypeScript (8)
        • Python (33)
        • Java (119)
        • C (0)
        • C# (2)
      • Programming (92)
        • Programming (14)
        • Web (51)
        • Apache (1)
        • MySQL (23)
        • AWS (3)
      • Framework | Library (26)
        • Framework | Library (3)
        • Vue.js (2)
        • React.js (5)
        • React Native (4)
        • Node.js (1)
        • Ajax (1)
        • Bootstrap (8)
        • Spring (1)
        • Flutter (1)
      • etc (2)
      • 휴식 (19)
        • 책 (13)
        • 일기 (5)
        • 게임 일기 (1)
      • A (71)
        • 공부 (18)
        • 기타 (6)
        • 일 (47)
  • 블로그 메뉴

    • 홈
    • 태그
    • 방명록
  • 링크

  • 공지사항

  • 인기 글

  • 태그

    array
    MySQL
    변수
    web
    Java
    자바스크립트
    객체
    리액트
    HTML
    JavaScript
    object
    타입스크립트
    제어문
    Python
    event
    TypeScript
    react
    CSS
    next.js
    파이썬
  • 최근 댓글

  • 최근 글

  • hELLO· Designed By정상우.v4.10.1
arajo
[HTML] 인용구(Quotation)
상단으로

티스토리툴바