□ 논리적 스타일(Logical style) 글자태그
○ 논리적 스타일이란?
- 문장이 갖는 의미에 따라 표현 방법을 바꾸는 논리 형태의 설정 태그
- 종류에 따라 약간의 변화는 있지만 크게 차이나지는 않음
○ 논리적 스타일의 종류
태 그 명 |
설 명 |
| <au>...</au> | 홈페이지를 작성한 사람의 이름을 나타낼 때 주로 사용 (author의 약자) |
| <cite>...</cite> | 특정문헌의 인용문을 사용할 경우 사용 (citation의 약자) |
| <code>...</code> | 컴퓨터 코드 부분을 지정할 경우 사용 |
| <dfn>...</dfn> | 용어에 대한 정의를 할 때 사용 (define의 약자) |
| <samp>...</samp> | 컴퓨터 상태를 표시하는 메시지로 표시 (sample output의 약자) |
| <var>...</var> | 변수나 프로그램 인자를 정의할 경우 사용 (variable의 약자) |
○ 예제
| <html> <head> <title>논리적 스타일 글자 태그</title> </head> <body> <au>au:홈페이지를 작성한 사람의 이름을 나타낼 때 사용</au><p> <cite>cite:특정문헌의 인용문을 사용할 경우 사용</cite><p> <code>code:컴퓨터 코드 부분을 지정할 경우 사용</code><p> <dfn>dfn:용어에 대한 정의를 할 때 사용</dfn><p> <samp>samp: 컴퓨터 상태를 표시하는 메시지로 표시</samp><p> <var>var:변수나 프로그램 인자를 정의할 경우 사용</var> </body> </html> |
○ 결과
□ 물리적 스타일(Physical style) 글자 태그
○ 물리적 스타일이란?
- 작성자가 글자에 특정한 효과를 부여하여 의도한 대로 브라우저에 표시되는 태그
- 주로 사용하는 태그는 <b>, <i>, <u> 정도이다.
○ 물리적 스타일의 종류
태 그 명 | 설 명 |
| <b>...</b> | 글자를 진하게 표시 |
| <big>...</big> | 글자의 크기를 크게 표시 |
| <blink>...</blink> | 글자를 강조하기 위해 깜박거림 (netscape 전용태그) |
| <em>...</em> | 글자를 강조하며 기울임꼴로 표시(emphasis의 약자) |
| <i>...</i> | 글자의 모양을 기울여서 표시(italic의 약자) |
| <kbd>...</kbd> | 키보드로 입력 받은 것과 같은 효과를 줄 때 사용(text to be input) |
| <small>...</small> | <big>과 반대로 글자의 크기를 작게 표현할 때 사용 |
| <strong>...</strong> | 더 강한 강조를 할 때 사용하며 볼드체 효과로 표시 |
| <sub>...</sub> | 아래첨자입니다 (subscript의 약자) |
| <sup>...</sup> | 윗첨자입니다 (superscript의 약자) |
| <tt>...</tt> | 글자체중 타자기체로 나타낼 때 사용(teletype의 약자) |
| <u>...</u> | 문자열에 밑줄을 그을 때 사용(underline의 약자) |
| <s>...</s> | 취소선을 그을 때 사용(strike의 약자) |
○ 예제
| <html> <head> <title>물리적 스타일 태그</title> </head> <body> <b>b:글자를 진하게 표시</b><p> <big>big:글자의 크기를 크게 표시</big><p> <blink>blink:글자를 강조하기 위해 깜빡거림 (netscape 전용태그)</blink><p> <em>em:글자를 강조하며 기울임꼴로 표시</em><p> <i>i:글자의 모양을 기울여서 표시</i><p> <kbd>kbd:키보드로 입력받은 것과 같은 효과를 줄 때 사용</kbd><p> <small>small: big과 반대로 글자의 크기를 작게 표현 할 때 사용</small><p> <strong>strong:더 강한 강조를 할 때 사용하며 볼드체 효과로 표시</strong><p> <sub>sub:아래첨자</sub>입니다<p> <sup>sup:윗첨자</sup>입니다<p> <tt>tt:글자체중 타자기체로 나타낼 때 사용</tt> <p> <u>u:문자열에 밑줄을 그을 때 사용</u><p> <s>s:취소선을 그을 때 사용</s> </body> </html> |
○ 결과보기
'컴퓨터 활용 > 홈페이지 과정' 카테고리의 다른 글
| 7. <marquee> 태그 (1) | 2013.01.31 |
|---|---|
| 6. <font>태그 (0) | 2013.01.30 |
| 4. 선그리기와 제목 태그 (0) | 2013.01.29 |
| 3. 문단 태그 (0) | 2013.01.28 |
| 2. HTML 태그 맛보기 (0) | 2013.01.28 |