HTML 짧은 인용구

-짧은 인용구는 <q> 를 이용하여 표현할 수 있다.

e.g.

1
<p>My goal : <q>Make site for One-BBANG</q></p>
cs


HTML 블록 인용구

-블록 인용구는 <blockquote>를 이용하여 표현할 수 있다.

-별도의 단락으로 구분하여 나타낸다.

1
2
3
4
<p>My goal</p>
<blockquote>
Make a site for One-BBANG is my goal. i want to make him famous.
</blockquote>
cs


HTML 축약형

-<abbr>을 이용하여 약어를 표시할 수 있다.

-약어를 사용하면 브라우저, 번역 시스템, 검색엔진에 유용한 정보를 제공할 수 있다.

1
2
3
<p>Put cursor over OB</p>
<p><strong><abbr title ="One-BBANG">OB</abbr></strong> is handsome. 
i want to make him famous.</p>
cs
  • title 속성값에 있는 값이 표시된다.


HTML 주소

-<address>를 이용하여 작성자/소유자의 주소를 표현한다.

-주소는 기울임체로 쓰여진다.

1
2
3
4
5
6
7
8
blank
<address>
Sangdo-ro,<br>
Dongjak-gu,<br>
Seoul,<br>
Republic of Korea
</address>
<p>blank</p>
cs
  • 일반적으로 위아래에 줄바꿈이 들어간다.


HTML <cite>

-<cite>는 작품의 제목을 의미한다.

-보통 기울임으로 표현한다.

1
2
Put image here <br>
<p><cite>One-BBANG</cite> by Oh_Park, Painted in 2019
cs



HTML 작성방향 재정의

-<bdo>는 텍스트 방향을 재정의하는 데 사용된다.

-브라우저가 양방향재정의 ( Bi-Directional Override )를 지원해야 한다.

1
2
<p>written from right to left(rtl)</p>
<bdo dir="rtl">written from right to left(rtl)
cs
  • direction으로 Right To Left를 설정해주면 오른쪽에서 왼쪽으로 써지는 것을 볼 수 있다.




참고사이트

w3school

TCPschool



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

HTML_링크  (0) 2019.02.01
HTML_주석  (0) 2019.02.01
HTML_서식  (0) 2019.01.31
HTML_스타일  (0) 2019.01.30
HTML_단락  (0) 2019.01.29

+ Recent posts