반응형
물리적 스타일 -
<B> ~ </B> : 글자를 진하게 만들어준다.
<BIG> ~ </BIG> : 글자를 크게한다.
<BLINK> ~ </BLINK> : 글자를 강조할때 깜빡이게한다.
<I> ~ </I> : 글자를 기울여서 나타낸다.
<KBD> ~ </KBD> : 키보드 효과를 준다.
<SMALL> ~ </SMALL> : 글자를 작게 한다.
<SUP> ~ </SUP> : 글자를 위 첨자로 지정한다.
<SUB> ~ </SUB> : 글자를 아래 첨자로 지정한다.
<TT> ~ </TT> : 글꼴 중에서 타자체와 같은 효과를 준다.
<U> ~ </U> : 글자의 아래에 밑줄을 그어준다.
다음은 문자의 모양을 나타내는 태그 중에서 물리적 스타일을 이용한 예제들이다.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 | <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8" /> <title></title> </head> <body> <b>글자를 진하게</b><br> <blink>글자를 깜빡여서 강조하기</blink><br> <big>큰 글자를 지원</big><br> <i>글자를 기울여서</i><br> <kbd>키보드를 이용한 효과주기</kbd><br> <tt>글꼴 중에 타자체 만들기</tt><br> <sup>문자의 위 첨자 지정</sup><br> <sub>문자의 아래 첨자 지정</sub><br> <small>작은 글자를 지원한다</small><br> <u>글자에 밑줄을 그어준다</u><br> </body> </html> | cs |
논리적 스타일 -
<AU> ~ </AU> : 홈페이지 제작의 이름을 지정해준다.
<DFN> ~ </DFN> : 글자를 기울여서 나타내준다
<CODE> ~ </CODE> : HTML 코드를 화면에 보여준다
<CITE> ~ </CITE> : 글자를 기울여서 제목에 넣어준다.
<EM> ~ </EM> : 글자를 이울여서 문자를 지정해준다.
<SAMP> ~ </SAMP> : 변수를 선언할 때 지정해준다.
<STRONG> ~ </STRONG> : 문자를 강조할 때 진하게 해준다.
<VAR> ~ </VAR>: 글자를 기울여서 변수를 선언해준다.
다음은 문자의 모양을 나타내는 태그 중에서 논리적 스타일을 이용한 예제들이다.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 | <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8" /> <title></title> </head> <body> <au>논리적 스타일을 이용한 예제로</au><br> <code>글자 모양 중에서 논리적 스타일을 지정</code><br> <cite>각각 어떻게 표현되는가를</cite><br> <dfn>직접 예제를 통해서 확인!</dfn><br> <em>어떻게 변하지?</em><br> <samp>궁금하죠?</samp><br> <strong>저만 궁금한가요?</strong><br> <var>신기하다</var><br> </body> </html> | cs |
반응형
'이전 게시글 > 컴퓨터#웹 HTML' 카테고리의 다른 글
| [HTML] 문서연결하기 <script> document, function 간단예제 (0) | 2016.02.13 |
|---|---|
| HTML 많이쓰이는 태그 <dir> <menu> <hr> <img> 태그 (0) | 2016.02.13 |
| HTML select option(select box)에서 값 가져오기 (1) | 2016.02.11 |
| [HTML] ＆nbsp; ＆amp; ＆lt; ＆gt; ＆quot; 뜻 (0) | 2016.02.07 |
| HTML 선택메뉴(펼치는메뉴) 셀렉트박스 select option selected 예제 (0) | 2016.02.07 |
