앞서 배운 글자와 관련된 태그들 이외에도 글자를 화면에 다양하게 표현할 수 있는 태그들과 문단 관련 태그들을 좀 더 알아보자! |
1. <I> : Italics
- <ITALIC> </ITALIC> : 기울임 꼴 |
2. <B> : Bold
3. <U> : Underline
4. <Big> : Bigger Font (현재 글자 크기보다 크게)
5. <Small> : Smaller Font (현재 글자 크기보다 작게)
6. 예제-1 (그 밖에 글자 관련 태그)
[Source] |
<html> <head> <title> 그 밖에 글자 관련 태그 </title> </head>
<body> <i>글자를 기울여라.</i><p> <b>글자를 굵게 나타내어라.</b><p> <u>글자에 밑줄을 그어라.</u><p> <h3> 현재 글자 크기 => h3<p> <big>글자를 현재 글자크기보다 한단계 크게 하여라. => 결과 : h2</big> <p> 현재 글자 크기 => h3<p> <small>글자를 현재 글자크기보다 한단계 작게하여라. => 결과 : h4</small><p> </h3> </body> </html> |
[Result] |
글자를 기울여라.
글자를 굵게 나타내어라.
글자에 밑줄을 그어라.
현재 글자 크기 => h3
글자를 현재 글자크기보다 한단계 크게 하여라. => 결과 : h2
현재 글자 크기 => h3
글자를 현재 글자크기보다 한단계 작게하여라. => 결과 : h4
|
7. <Center> : Center
- <CENTER> </CENTER> : 가운데 정렬(옵션으로서의 정렬이 아니라 정정당당한 태그로서의 정렬로 <RIGHT>나 <LEFT> 태그는 없다. |
8. <Blockquote> : Blockquote
- <BLOCKQUOTE> </BLOCKQUOTE> : 들여쓰기(사용한 횟수만큼 반복하여 적용, 문서 작성기에서의 Tab Key와 같은 역할을 하여준다. |
9. 예제-2 (문단 관련 태그)
[Source] |
<html> <head> <title> 문단 관련 태그 </title> </head>
<body> <center>문단이나 그림 따위를 가운데 정렬하라.</center> <blockquote>들여쓰기 1번</blockquote><p> <blockquote><blockquote>들여쓰기 2번</blockquote></blockquote><p> <blockquote><blockquote><blockquote>들여쓰기 3번</blockquote></blockquote></blockquote><p> </body> </html> |
[Result] |
문단이나 그림 따위를 가운데 정렬하라.
들여쓰기 1번
들여쓰기 2번
들여쓰기 3번 |
▶ 앞서 배운 <EM>나 <STRONG> 태그들은 논리적인 태그로서 화면에 표시되는 자체가 중요한것이아니라 그 자체가 가지고 있는 속성 즉, 태그 자체가 중요한 의미를 가지고 있으며 <B>, <I>, <U>, <STRIKE>, <SUB>, <SUP>등은 물리적인 태그로서 화면에 표시되어지는 형식만을 지정할 뿐이다. 물리적인 태그는 차후에 배울CSS에서 주로 사용하게 되므로 논리적인 태그를 사용하여 의미있는 문서를 만드는 것이 물리적인 태그를 많이 사용하는 것보다 깔끔하고 명확해진다고 할 수 있겠다.
작성자 : 웹제작 토탈 커뮤니티 (http://www.webmadang.net) 컴쟁이 |