Koras02
Koras02코딩웹
Koras02
전체 방문자
오늘
어제
  • 분류 전체보기 (299)
    • 백엔드 (59)
      • nestjs (2)
      • Ruby (3)
      • PostgresQL (11)
      • MySQL (5)
      • Haskell (7)
      • Koa (3)
      • Java (3)
      • Python (5)
      • Rust (5)
      • MongoDB (2)
      • PHP (3)
      • Spring Boot (1)
      • redis (5)
      • deno (2)
    • 웹서버 (3)
      • nginx (1)
      • Apache (2)
      • Google Web Server (0)
    • 모바일개발 (5)
      • Figma (0)
      • React Native (2)
      • swift (0)
      • Flutter (3)
      • Kotlin (0)
    • 프론트 엔드 (158)
      • HTML (34)
      • CSS (7)
      • Javascript (35)
      • Angular (0)
      • Typescript (2)
      • React (58)
      • Vue (2)
      • GIT (6)
      • GraphQL (1)
      • Doker (4)
      • Go (8)
      • svelte (1)
      • gatsby (0)
    • etc. (47)
      • Notion (0)
      • TIL (24)
      • Algorithm (17)
      • Algorithm 개념 정리 (2)
      • Wiki (3)
      • Official document (1)
    • 웹개념 (12)
    • 변수정리 (1)
    • VSCode (2)
    • 포트폴리오 분석 (2)
      • React (2)
    • os (5)
      • 윈도우 (4)
      • Mac (0)
      • 가상머신 (0)
      • linux (1)
    • 응용프로그램언어 (2)
      • C (2)
      • C++ (0)
      • C# (0)
    • 블로그 운영관련 (1)

블로그 메뉴

  • 홈
  • 태그
  • 방명록
글쓰기

공지사항

  • [공지사항] 개발 이슈나 공식문서 업데이트 업로드 예정입니⋯

인기 글

태그

  • koa
  • javascript
  • 문자열
  • Java
  • CSS
  • go
  • 프로그래머스
  • html
  • redis
  • Til
  • 데이터 타입
  • mysql
  • Rust
  • Haskell
  • 알고리즘
  • React
  • PostgreSQL
  • html5
  • 하스켈
  • Flutter

티스토리

최근 댓글

최근 글

250x250
hELLO · Designed By 정상우.
Koras02

Koras02코딩웹

[HTML] HTML - 8.인용구
프론트 엔드/HTML

[HTML] HTML - 8.인용구

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

 

'프론트 엔드 > HTML' 카테고리의 다른 글

[HTML] HTML - 9. 주석과 엔티티 그리고 문자셋  (1) 2023.01.04
[HTML] HTML - 7.서식  (0) 2023.01.02
[HTML] HTML - 6.단락  (0) 2022.12.30
    '프론트 엔드/HTML' 카테고리의 다른 글
    • [HTML] HTML - 10.스타일
    • [HTML] HTML - 9. 주석과 엔티티 그리고 문자셋
    • [HTML] HTML - 7.서식
    • [HTML] HTML - 6.단락
    Koras02
    Koras02
    현재 사용중인 언어 - next-js,react,vue, typescript

    티스토리툴바