학습(공부)하는 블로그 :: 5. 글자(Text) 태그
 

 

Notice»

Recent Post»

Recent Comment»

Recent Trackback»

03-28 14:32

5. 글자(Text) 태그

컴퓨터 활용/홈페이지 과정 | 2013. 1. 30. 12:07 | Posted by 깨비형
반응형

□ 논리적 스타일(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
: