h04. HTML 인용문 태그들

HTML 인용문 태그들

<q> 태그는 인용문("인용문")으로 표시합니다.

<p>다음 글은 인터넷에서 인용하였습니다:</p>
<p><q>월드 와이드 웹은 인터넷에 연결된 컴퓨터들을 통해 사람들이 정보를 공유할 수 있는 전 세계적인 정보 공간을 말한다.</q></p>

다음 글은 인터넷에서 인용하였습니다:

월드 와이드 웹은 인터넷에 연결된 컴퓨터들을 통해 사람들이 정보를 공유할 수 있는 전 세계적인 정보 공간을 말한다.

---

<blockquote> 태그는 문단을 들여쓰기하여 표시합니다.

<blockquote cite="https://ko.wikipedia.org/wiki/%EC%9B%94%EB%93%9C_%EC%99%80%EC%9D%B4%EB%93%9C_%EC%9B%B9">월드 와이드 웹(World Wide Web, WWW, W3)은 인터넷에 연결된 컴퓨터들을 통해 사람들이 정보를 공유할 수 있는 전 세계적인 정보 공간을 말한다. 간단히 웹(Web)이라 부르는 경우가 많다. 이 용어는 인터넷과 동의어로 쓰이는 경우가 많으나 엄격히 말해 서로 다른 개념이다. 웹은 전자 메일과 같이 인터넷 상에서 동작하는 하나의 서비스일 뿐이다. 그러나 1993년 이래로 웹은 인터넷 구조의 절대적 위치를 차지하고 있다.</blockquote>

월드 와이드 웹(World Wide Web, WWW, W3)은 인터넷에 연결된 컴퓨터들을 통해 사람들이 정보를 공유할 수 있는 전 세계적인 정보 공간을 말한다. 간단히 웹(Web)이라 부르는 경우가 많다. 이 용어는 인터넷과 동의어로 쓰이는 경우가 많으나 엄격히 말해 서로 다른 개념이다. 웹은 전자 메일과 같이 인터넷 상에서 동작하는 하나의 서비스일 뿐이다. 그러나 1993년 이래로 웹은 인터넷 구조의 절대적 위치를 차지하고 있다.

---

<abbr> 태그는 약어 또는 두문자어를 표시합니다.

약어로 표시하게 되면, 브라우저의 번역이나 검색엔진에 유용한 정보를 주게 됩니다.

<p><abbr title="프랑스어: Macaron">마카롱</abbr>은 프랑스의 대표적인 당과 제품이다.</p>

마카롱은 프랑스의 대표적인 당과 제품이다.

---

<address> 태그는 기사나 문서의 작가 또는 소유자의 연락처 정보를 표시합니다. 

일반적으로 이택릭체로 표시되고, 대부분 브라우저에서 태그 앞 뒤로 줄바꿈을 합니다.

<p><address>오리날다 씀.
주소: tistory.com
대한민국, 한강동 갈대밭1길</address></p>

오리날다 씀. 주소: tistory.com 대한민국, 한강동 갈대밭1길

---

<cite> 태그는 작품의 제목을 표시합니다.

<p>다음은 작품의 <cite> 제목</cite> 입니다. 일반적으로 브라우저에서 이탤릭체로 표시됩니다.</p>
<img src="https://upload.wikimedia.org/wikipedia/commons/a/a4/Vincent_Willem_van_Gogh_106.jpg" alt="The Scream" width="480" />
<p><cite>Self-Portrait</cite> by Vincent van Gogh. Painted in 1889.</p>

다음은 작품의 제목 입니다. 일반적으로 브라우저에서 이탤릭체로 표시됩니다.

Self-Portrait by Vincent van Gogh. Painted in 1889.

---

<bdo> 태그는 글자의 방향을 바꾸어 줍니다.

<bdo dir="rtl">이 글자는 rtl : right to left, 즉 오른쪽에서 왼쪽 방향으로 글자를 씁니다.</bdo>
<p>위 글자는 rtl : right to left, 즉 오른쪽에서 왼쪽 방향으로 글자를 씁니다.</p>

이 글자는 rtl : right to left, 즉 오른쪽에서 왼쪽 방향으로 글자를 씁니다.

위 글자는 rtl : right to left, 즉 오른쪽에서 왼쪽 방향으로 글자를 씁니다.

---

[광고] Udemy 동영상 강의로 보기