HTML - Quotation Elements(인용 표현의 태그)

※ 주의 !

이 글은 개인 공부 목적으로 많은 오류가 있을 수 있습니다. 

문제가 있다면 말씀 부탁 드리겠습니다

---

안녕하세요

 

Gon입니다.

 

이번글에서는 HTML에서 태그로 제공되는 기본 인용구에 대하여 알아보도록 하겠습니다.

 

<blockquote> - 들여쓰기

대부분 글을 쓸 때 들여쓰기를 많이 사용하시지 않나요 ?? 가독성도 좋고 소제목과 세부내용을 보기에도 간편하게 되기 때문이라고 생각합니다. 이때에 <blockquote>태그를 이용하면 다음과 같이 들여쓰기가 가능해 집니다.

 

blockquote 태그 사용법

이렇게 들여쓰기가 간편하게 된답니다.

<p> blockquote 태그 사용법</p>
<blockquote> 이렇게 들여쓰기가 간편하게 된답니다.</blockquote>

<q> 따옴표표시

HTML에서 요소,속성의 값들을 정의할때 따옴표""를 사용하게 됩니다. 이러한 내용들을 방지하기 위해 

<q>태그가 제공됩니다.

<p>Gon의 블로그에서는 말합니다 : "이걸 꼭 써야되나요 ???"</p>
<p>Gon의 블로그에서는 말합니다 : <q>이걸 꼭 써야되나요 ???"</q></p>

<abbr> 약어를 설명해 주기

우리가 쓰는 영어,한글등 모든 문자들은 사실 줄임말을 엄청나게 쓰는 것 같습니다. 이런 줄임말을 모를때도 엄청 많습니다. 이럴 떄 유용한 태그 인것 같습니다. title속성과 같이 사용하여 상세 설명을 마우스를 대면 설명을 표시할 수 있습니다.

<p><addr title="할말은 많지만 하지 않겠다는 뜻">할말하않</addr></p>

잘 모르겠지만 지금 이 블로그는 안되네요.. 언젠가... 고쳐 보록 하겠습니다.

 

<address> 해당 HTML의 정보 정의

이메일 등에서 많이 본 글일 것 입니다. 이메일주소,전화번호,실주소 등등을 기울임꼴로 표현할수 있게 해주는 HTML 태그 입니다.

 

대한 민국에 삽니다
저는 Gon입니다
항상 줄넘김이 필요합니다

<address
대한 민국에 삽니다<br/>
저는 Gon입니다<br/>
항상 줄넘김이 필요합니다 마지막은 말고요
</address>

 

<cite> 무언가를 지정할 때 쓰는 태그

무언가의 창작물등에 제목을 정의할 떄 쓰는 태그라고 합니다..

기울임꼴로 작성되는데.. 용도는 아직 초보라 잘 모르겠습니다.

<p><cite>HTML-글들의 인용 표현</cite> 저자는 Gon.</p>

<bdo> 글을 쓰는 위치를 정하는 태그

<bdo> 태그를 이용하여 글씨를 어디서 부터 작성할지 정할 수 있습니다. 이 안에는 dir이라는 속성을 이용하여 좌,우를 설정할수 있습니다 속성값은 'ltr' 'rtl'이 있습니다.

안녕하세요. Gon입니다.

 

안녕하세요. Gon입니다.

<bdo dir="ltr"> 안녕하세요. Gon입니다.</bdo>
<bdo dir="rtl"> 안녕하세요. Gon입니다.</bdo>

어딘가.. 유용하게 쓸 방법이 있을거라 생각합니다....

 

이글에서는 여기까지 하도록 하겠습니다.

 

감사합니다.

 

Gon