All about {Web}

[HTML] Tag ; bdo, big, blockquote

Web Design/HTML & HTML 52018. 5. 8. 14:30

[HTML/HTML5] Tag ; bdo, big, blockquote

B04. [ bdo ]
☞ 정의 : bdo요소는 텍스트의 방향을 명시적으로 지정합니다.
☞ 속성
- dir : 방향을 지정합니다.
- ltr : left to right 왼쪽에서 오른쪽으로 출력합니다.
- rtl : right to left 오른쪽에서 왼쪽으로 출력합니다.
☞ 설명
- dir 속성을 반드시 사용해야 합니다.
example:

<bdo dir="rtl">Welcome</bdo><br>
<bdo dir="ltr">Welcome</bdo>
result :

emocleW
Welcome

B05. [ big ]
☞ 정의 : big요소는 텍스트를 한단계 크게 만듭니다.
☞ 설명
- 텍스트를 크게 만드는 스타일 요소로 CSS로 대체하여 사용하는 것이 좋습니다.
  (font-size:larger)
example :

<!DOCTYPE html>
<html>
<body>

<p>This text is normal.</p>
<p><big>This text is bigger.</big></p>

<p><strong>Note:</strong> The big element is not supported in HTML5.</p>

</body>
</html>

result :
This text is normal.
This text is bigger.
Note: The big element is not supported in HTML5.

B06. [ blockquote ]

☞ 정의 : blockquote요소는 텍스트를 인용문으로 정의 합니다.
☞ 속성
- cite : 인용된 곳의 원천 소스를 표시합니다.
☞ 설명
- 텍스트를 블록레벨의 인용문으로 정의합니다.
- 시각적으로 들여쓰기로 표현됩니다.
example :
 

<!DOCTYPE html>
<html>
<body>

<h1>About WWF</h1>
<p>Here is a quote from WWF's website:</p>

<blockquote cite="http://www.worldwildlife.org/who/index.html">
For 50 years, WWF has been protecting the future of nature. The world's leading conservation organization, WWF works in 100 countries and is supported by 1.2 million members in the United States and close to 5 million globally.
</blockquote>

</body>
</html>
result :


저작자표시

'Web Design > HTML & HTML 5' 카테고리의 다른 글

[HTML] Tag ; canvas, caption, cite  (0) 2018.05.10
[HTML] Tag ; body, br, button  (0) 2018.05.08
[HTML] Tag ; b, base, bdi  (0) 2018.05.08
[HTML] Tag ; aside, audio  (0) 2018.05.08
[HTML] Tag ; address, area, article  (0) 2018.05.07

티스토리툴바