HTML태그(Tag) - P로시작하는 태그

HTML태그 2010. 4. 4. 10:57

 

<P>

P 요소는 단락을 구분할 때 사용합니다.

구문: <P>...</P>

닫는 태그: 선택

속성

볼드체로 표시된 것은 필수 속성, 회색으로 표시된 것은 HTML 4.01에서 권장하지 않는(deprecated) 속성입니다.

속성 값 내용
class ClassName CSS의 class 선택자를 지정합니다.
dir rtl
ltr		 글자 방향을 지정합니다.
id ElementID CSS의 ID 선택자를 지정합니다.
lang LanguageCode 내용에서 사용할 언어를 지정합니다.
style StyleDesc CSS 스타일을 지정합니다.
title Text 웹 브라우저에서 툴팁으로 표시할 추가 설명을 지정합니다.
align left
center
right
justify		 정렬 방법을 지정합니다. 기본값은 left입니다.

예제

<P>서울은 한국에서<br>제일 큰 도시입니다.</P>
<P align="center">서울은 한국에서<br>제일 큰 도시입니다.</P>
<P align="right">서울은 한국에서<br>제일 큰 도시입니다.</P>
문단을 왼쪽, 가운데, 오른쪽에 배치하도록 지정한 예제합니다. P 요소의 닫는 태그는 생략할 수 있으나 스타일 시트와 관련된 웹 브라우저 상의 문제를 방지하기 위해 닫는 태그를 사용하는 것이 좋습니다.

서울은 한국에서
제일 큰 도시입니다.

서울은 한국에서
제일 큰 도시입니다.

서울은 한국에서
제일 큰 도시입니다.


지원 브라우저/HTML 버전

이 태그를 지원하는 브라우저의 최소 버전은 아래와 같습니다.

IE all, NN all, HTML all

참고

  • 스타일 시트를 이용하면 단락 배치를 더 자유롭게 할 수 있습니다.

 

<PARAM>

PARAM 요소는 OBJECT, EMBED, APPLET 요소의 매개 변수를 지정할 때 사용됩니다.

구문: <PARAM>

닫는 태그: 없음

속성

볼드체로 표시된 것은 필수 속성, 회색으로 표시된 것은 HTML 4.01에서 권장하지 않는(deprecated) 속성입니다.

속성 값 내용
name CDATA 변수의 이름을 지정합니다.
id ElementID CSS의 ID 선택자를 지정합니다.
type ContentType MIME 타입을 지정합니다.
value CDATA 변수의 값을 지정합니다.
valuetype data
ref
object		 변수의 값 타입을 지정합니다. 기본값은 data이고, 이는 속성값이 문자열로 되어있음을 나타냅니다. ref값은 속성값이 실행할 URI를 포함하고 있음을 나타내며, object값은 동일한 문서 내에서 value 속성이 다른 OBJECT 요소의 식별자를 정의한 경우에 사용됩니다.

예제

<OBJECT classid="java:Clock.class" codetype="application/java" 
width="100" height="100" title="생생한 현재 시간!" standby="지금 몇시인가요?">
<PARAM name="TYPE" value="ANALOG">
<PARAM name="BGCOLOR" value="WHITE">
<PARAM name="FGCOLOR" value="NAVY">
</OBJECT>
OBJECT, EMBED, APPLET 요소는 여러 개의 PARAM 요소를 포함할 수 있습니다. 위 예제에서 Clock 애플릿은 시계의 특정한 스타일과 사용할 색깔을 지정하기 위해 3개의 매개 변수를 사용합니다.

지원 브라우저/HTML 버전

이 태그를 지원하는 브라우저의 최소 버전은 아래와 같습니다.

IE 3, NN 3, HTML 3.2


 

<PRE>

PRE 요소는 형식을 그대로 유지하여 표시할 때 사용합니다. PRE 요소는 텍스트가 쓰여진 그대로 보존되어 가독성을 높일 수 있기 때문에 프로그램 코드나 시 등을 표시할 때 유용합니다.

구문: <PRE>...</PRE>

닫는 태그: 필요

속성

볼드체로 표시된 것은 필수 속성, 회색으로 표시된 것은 HTML 4.01에서 권장하지 않는(deprecated) 속성입니다.

속성 값 내용
cite URI 인용문의 출처를 표시합니다. 브라우저에서 지원되지는 않지만, 이 속성으로 인용문의 신뢰도를 확인하거나 연관된 정보를 찾을 수 있습니다.
class ClassName CSS의 class 선택자를 지정합니다.
cols Number 한줄에 표시할 글자 수를 지정합니다.
dir rtl
ltr		 글자 방향을 지정합니다.
id ElementID CSS의 ID 선택자를 지정합니다.
lang LanguageCode 내용에서 사용할 언어를 지정합니다.
style StyleDesc CSS 스타일을 지정합니다.
title Text 웹 브라우저에서 툴팁으로 표시할 추가 설명을 지정합니다.
wrap wrap 자동으로 줄바꿈을 하는 Word-wrap 기능을 사용할 것이지 지정합니다.
width Number 너비를 지정합니다.

예제

 <PRE>
<CODE class="Java">
class HelloWorld {
public static void main(String[] args) {
System.out.println("Hello World!");
} 
} 
</CODE>
</PRE>
PRE 요소가 적용된 부분은 웹 브라우저에서 글꼴의 폭과 여백의 위치가 고정되고, 자동 줄바꿈이 되지 않습니다.

지원 브라우저/HTML 버전

이 태그를 지원하는 브라우저의 최소 버전은 아래와 같습니다.

IE all, NN all, HTML all

참고

  • 문단 인용문을 표시할 때에는 BLOCKQUOTE 요소를 사용합니다.

※ 출처 : 웹 디자인 그룹"(Web Design Group), Copyright ⓒ 2003-2005 (주)세중 나모 인터랙티브


'HTML태그' 카테고리의 다른 글

HTML태그(Tag) - N로시작하는 태그  (0) 2010.04.04
HTML태그(Tag) - O로시작하는 태그  (0) 2010.04.04
HTML태그(Tag) - Q로시작하는 태그  (0) 2010.04.04
HTML태그(Tag) - S로시작하는 태그  (0) 2010.04.04
HTML태그(Tag) - T로시작하는 태그  (0) 2010.04.04
Posted by 굿프랜
,

HTML태그(Tag) - Q로시작하는 태그

HTML태그 2010. 4. 4. 10:57

 

<Q>

Q 요소는 인용한 단어 또는 어구를 표시할 때 사용합니다.

구문: <Q>...</Q>

닫는 태그: 필요

속성

볼드체로 표시된 것은 필수 속성, 회색으로 표시된 것은 HTML 4.01에서 권장하지 않는(deprecated) 속성입니다.

속성 값 내용
cite URI 인용문의 출처를 표시합니다. 브라우저에서 지원되지는 않지만, 이 속성으로 인용문의 신뢰도를 확인하거나 연관된 정보를 찾을 수 있습니다.
class ClassName CSS의 class 선택자를 지정합니다.
dir rtl
ltr		 글자 방향을 지정합니다.
id ElementID CSS의 ID 선택자를 지정합니다.
lang LanguageCode 내용에서 사용할 언어를 지정합니다.
style StyleDesc CSS 스타일을 지정합니다.
title Text 웹 브라우저에서 툴팁으로 표시할 추가 설명을 지정합니다.

예제

 <P>미국의 W.S.Clark은 <Q>소년들이여, <EM>야망</EM>을 가져라!</Q>라는 말을 남겼다.</P>
Q 요소를 사용할 때는 인용문에 따옴표를 붙이지 않습니다. 그러나 Q 요소를 지원하지 않는 웹 브라우저를 고려하여 경우에 따라 따옴표를 삽입할 수도 있습니다.

미국의 W.S.Clark은 소년들이여, 야망을 가져라!라는 말을 남겼다.


지원 브라우저/HTML 버전

이 태그를 지원하는 브라우저의 최소 버전은 아래와 같습니다.

IE 4, NN 6.2, HTML 4

참고

  • 문단 인용문을 표시할 때에는 BLOCKQUOTE 요소를 사용합니다.

※ 출처 : 웹 디자인 그룹"(Web Design Group), Copyright ⓒ 2003-2005 (주)세중 나모 인터랙티브


'HTML태그' 카테고리의 다른 글

HTML태그(Tag) - O로시작하는 태그  (0) 2010.04.04
HTML태그(Tag) - P로시작하는 태그  (0) 2010.04.04
HTML태그(Tag) - S로시작하는 태그  (0) 2010.04.04
HTML태그(Tag) - T로시작하는 태그  (0) 2010.04.04
HTML태그(Tag) - U로시작하는 태그  (0) 2010.04.04
Posted by 굿프랜
,

HTML태그(Tag) - S로시작하는 태그

HTML태그 2010. 4. 4. 10:57

 

<S>

S 요소는 텍스트의 가운데 줄을 그을 때 사용합니다.

구문: <S>...</S>

닫는 태그: 필요

속성

볼드체로 표시된 것은 필수 속성, 회색으로 표시된 것은 HTML 4.01에서 권장하지 않는(deprecated) 속성입니다.

속성 값 내용
class ClassName CSS의 class 선택자를 지정합니다.
dir rtl
ltr		 글자 방향을 지정합니다.
id ElementID CSS의 ID 선택자를 지정합니다.
lang LanguageCode 내용에서 사용할 언어를 지정합니다.
style StyleDesc CSS 스타일을 지정합니다.
title Text 웹 브라우저에서 툴팁으로 표시할 추가 설명을 지정합니다.

예제

 나의 가장 친한 친구는 <S>용준</S> 승헌입니다.
S 요소를 적용한 부분은 웹 브라우저에서 가운데 줄이 그어져 표시됩니다.
나의 가장 친한 친구는 용준 승헌입니다.

지원 브라우저/HTML 버전

이 태그를 지원하는 브라우저의 최소 버전은 아래와 같습니다.

IE 3, NN 3, HTML 3.2

참고

  • 단순히 가운데 줄이 그어진 텍스트를 표시하려고 할 때 S 요소를 사용하며, 삭제의 의미를 표시할 때는 DEL 요소를 사용합니다.
  • S 요소는 HTML 4.01에서 권장하지 않는(deprecated) 요소로서 이를 대신하여 스타일 시트의 text-decoration 속성을 사용하도록 권장하고 있습니다.

 

<SAMP>

SAMP 요소는 프로그램 또는 스크립트의 코드 샘플을 나타낼 때 사용합니다.

구문: <SAMP>...</SAMP>

닫는 태그: 필요

속성

볼드체로 표시된 것은 필수 속성, 회색으로 표시된 것은 HTML 4.01에서 권장하지 않는(deprecated) 속성입니다.

속성 값 내용
class ClassName CSS의 class 선택자를 지정합니다.
dir rtl
ltr		 글자 방향을 지정합니다.
id ElementID CSS의 ID 선택자를 지정합니다.
lang LanguageCode 내용에서 사용할 언어를 지정합니다.
style StyleDesc CSS 스타일을 지정합니다.
title Text 웹 브라우저에서 툴팁으로 표시할 추가 설명을 지정합니다.

예제

<P>이 경우 HTML Validator가 다음과 같은 에러 메시지를 표시합니다.</P>
<P><SAMP>C:\SP\BIN\NSGMLSU.EXE:test.html:4:7:E: element "FOOBAR" undefined</SAMP>
</P>
SAMP 요소로 처리된 부분은 웹 브라우저에서 고정폭 글꼴로 표시됩니다. 스타일 시트를 이용하면 형태를 변경할 수 있습니다.

이 경우 HTML Validator가 다음과 같은 에러 메시지를 표시합니다.

C:\SP\BIN\NSGMLSU.EXE:test.html:4:7:E: element "FOOBAR" undefined


지원 브라우저/HTML 버전

이 태그를 지원하는 브라우저의 최소 버전은 아래와 같습니다.

IE all, NN all, HTML all

참고

  • SAMP 요소는 코드 샘플을 나타낼 때에만 사용하며, 단지 고정폭 글꼴로 표시하고자 할 때에는 TT 요소를 사용합니다.

 

<SCRIPT>

SCRIPT 요소는 클라이언트 사이드 스크립트를 문서에 삽입할 때 사용합니다.

구문: <SCRIPT>...</SCRIPT>

닫는 태그: 필요

속성

볼드체로 표시된 것은 필수 속성, 회색으로 표시된 것은 HTML 4.01에서 권장하지 않는(deprecated) 속성입니다.

속성 값 내용
type ContentType MIME 타입을 지정합니다.
charset Charset 문자셋을 지정합니다. 예를 들어 연결할 문서가 영문일 경우 "en", 한글일 경우 "euc-kr"이라고 지정합니다.
class ClassName CSS의 class 선택자를 지정합니다.
id ElementID CSS의 ID 선택자를 지정합니다.
language LanguageCode 스크립트 언어 종류를 지정합니다.
src URI 스크립트 파일의 URI를 지정합니다.
title Text 웹 브라우저에서 툴팁으로 표시할 추가 설명을 지정합니다.

예제

<SCRIPT type="text/javascript" src="foo.js" charset="ISO-8859-1"> 
<!-- 
// embedded script ignored 
// --> 
</SCRIPT>
HTML 3.2 이하 버전의 브라우저들은 SCRIPT 요소를 인식하지 못하고 SCRIPT의 내용을 일반 HTML로 해석합니다. 이런 브라우저들이 SCRIPT의 내용을 무시하도록 하기 위해 스크립트 주변에 코멘트를 사용합니다.

지원 브라우저/HTML 버전

이 태그를 지원하는 브라우저의 최소 버전은 아래와 같습니다.

IE 3, NN 2, HTML 4

참고

  • 스크립트를 지원하지 않는 웹 브라우저에 대체 컨텐츠를 제공하려면 SCRIPT 요소 뒤에 NOSCRIPT 요소를 사용합니다.

 

<SELECT>

SELECT 요소는 선택 메뉴를 만들 때 사용합니다.

구문: <SELECT>...</SELECT>

닫는 태그: 필요

속성

볼드체로 표시된 것은 필수 속성, 회색으로 표시된 것은 HTML 4.01에서 권장하지 않는(deprecated) 속성입니다.

속성 값 내용
accesskey Character 키 입력으로 요소를 활성화시킬 문자를 지정합니다.
class ClassName CSS의 class 선택자를 지정합니다.
disabled disabled 폼 구성 요소를 선택할 수 없게 합니다.
id ElementID CSS의 ID 선택자를 지정합니다.
lang LanguageCode 내용에서 사용할 언어를 지정합니다.
multiple multiple 한꺼번에 여러 개를 선택할 수 있게 합니다.
name CDATA 요소의 이름을 지정합니다.
size Number 세로줄 수를 지정합니다. 웹 브라우저에서 리스트 박스 형태로 보이게 합니다.
style StyleDesc CSS 스타일을 지정합니다.
title Text 웹 브라우저에서 툴팁으로 표시할 추가 설명을 지정합니다.
tabindex Number 요소의 탭 순서를 지정합니다. 0과 32767사이의 하나의 숫자를 사용하며 양수로 표시된 값이 낮은 숫자일수록 우선 순위가 되며, 값이 같을 때는 HTML 문서에서 먼저 나온 것이 우선 순위가 됩니다. 값이 '0'이거나 없는 경우는 가장 마지막 순서가 됩니다.

예제

 <P>해당 사항을 한 개 이상 선택하세요:</P>
<SELECT name="관심사" multiple>
<OPTION>레저</OPTION>
<OPTION>육아</OPTION>
<OPTION>여행</OPTION>
<OPTION>독서</OPTION>
<OPTION>요리</OPTION>
</SELECT>

해당 사항을 한 개 이상 선택하세요:


지원 브라우저/HTML 버전

이 태그를 지원하는 브라우저의 최소 버전은 아래와 같습니다.

IE all, NN all, HTML all

참고

  • SELECT 요소는 FORM 요소 안에 사용될 때 가장 유용하지만, HTML 4.01에서는 BUTTON 요소를 제외한 어떠한 블록 요소(Block Element) 또는 인라인 요소(Inline Element) 안에서도 사용할 수 있도록 허용합니다.

 

<SMALL>

SMALL 요소는 글자를 더 작게 표시할 때 사용합니다.

구문: <SMALL>...</SMALL>

닫는 태그: 필요

속성

볼드체로 표시된 것은 필수 속성, 회색으로 표시된 것은 HTML 4.01에서 권장하지 않는(deprecated) 속성입니다.

속성 값 내용
class ClassName CSS의 class 선택자를 지정합니다.
dir rtl
ltr		 글자 방향을 지정합니다.
id ElementID CSS의 ID 선택자를 지정합니다.
lang LanguageCode 내용에서 사용할 언어를 지정합니다.
style StyleDesc CSS 스타일을 지정합니다.
title Text 웹 브라우저에서 툴팁으로 표시할 추가 설명을 지정합니다.

예제

<P><SMALL>Copyright (c) 2002 (주) 나모 인터랙티브 All rights reserved.</SMALL></P>
SMALL 요소를 적용한 부분은 웹 브라우저에서 더 작게 표시됩니다. 위 예제에서와 같이 주로 저작권 등의 정보를 나타낼 때 유용합니다.

Copyright (c) 2002 (주) 나모 인터랙티브 All rights reserved.


지원 브라우저/HTML 버전

이 태그를 지원하는 브라우저의 최소 버전은 아래와 같습니다.

IE 3, NN 2, HTML 3.2

참고

  • 글자의 크기를 정확히 지정하려면 SMALL 요소보다 스타일 시트를 사용하는 것이 좋습니다.

 

<SPAN>

SPAN 요소는 단어나 구에 스타일을 적용하기 위해 사용합니다.

구문: <SPAN>...</SPAN>

닫는 태그: 필요

속성

볼드체로 표시된 것은 필수 속성, 회색으로 표시된 것은 HTML 4.01에서 권장하지 않는(deprecated) 속성입니다.

속성 값 내용
class ClassName CSS의 class 선택자를 지정합니다.
dir rtl
ltr		 글자 방향을 지정합니다.
id ElementID CSS의 ID 선택자를 지정합니다.
lang LanguageCode 내용에 사용할 언어를 지정합니다.
style StyleDesc CSS 스타일을 지정합니다.
title Text 웹 브라우저에서 툴팁으로 표시할 추가 설명을 지정합니다.

예제

<P>그 전쟁은 <SPAN lang="fr" style="font-weight:bold">남북전쟁</SPAN>이라고 
불립니다.
SPAN 요소에 스타일을 적용하면 B, I, TT, S 요소와 같은 모든 인라인 요소(Inline Element)와 동일한 모양으로 표시할 수 있습니다.

그 전쟁은 남북전쟁이라고 불립니다.


지원 브라우저/HTML 버전

이 태그를 지원하는 브라우저의 최소 버전은 아래와 같습니다.

IE 3, NN 4, HTML 4

참고

  • 단어나 구가 아닌 블록 요소(Block Element)에 스타일을 적용할 때는 DIV 요소를 사용합니다.

 

<STRIKE>

STRIKE 요소는 텍스트의 가운데 줄을 그을 때 사용합니다.

구문: <STRIKE>...</STRIKE>

닫는 태그: 필요

속성

볼드체로 표시된 것은 필수 속성, 회색으로 표시된 것은 HTML 4.01에서 권장하지 않는(deprecated) 속성입니다.

속성 값 내용
class ClassName CSS의 class 선택자를 지정합니다.
dir rtl
ltr		 글자 방향을 지정합니다.
id ElementID CSS의 ID 선택자를 지정합니다.
lang LanguageCode 내용에서 사용할 언어를 지정합니다.
style StyleDesc CSS 스타일을 지정합니다.
title Text 웹 브라우저에서 툴팁으로 표시할 추가 설명을 지정합니다.

예제

 나의 가장 친한 친구는 <STRIKE>용준</STRIKE> 승헌입니다.
STRIKE 요소를 적용한 부분은 웹 브라우저에서 가운데 줄이 그어져 표시됩니다.
나의 가장 친한 친구는 용준 승헌입니다.

지원 브라우저/HTML 버전

이 태그를 지원하는 브라우저의 최소 버전은 아래와 같습니다.

IE 3, NN 3, HTML 3.2

참고

  • 단순히 가운데 줄이 그어진 텍스트를 표시하려고 할 때 STRIKE 요소를 사용하며, 삭제의 의미를 표시할 때는 DEL 요소를 사용합니다.
  • STRIKE 요소는 HTML 4.01에서 권장하지 않는(deprecated) 요소로서 이를 대신하여 스타일 시트의 text-decoration 속성을 사용하도록 권장하고 있습니다.

 

<STRONG>

STRONG 요소는 내용의 특정한 부분을 강조할 때 사용됩니다.

구문: <STRONG>...</STRONG>

닫는 태그: 필요

속성

볼드체로 표시된 것은 필수 속성, 회색으로 표시된 것은 HTML 4.01에서 권장하지 않는(deprecated) 속성입니다.

속성 값 내용
class ClassName CSS의 class 선택자를 지정합니다.
dir rtl
ltr		 글자 방향을 지정합니다.
id ElementID CSS의 ID 선택자를 지정합니다.
lang LanguageCode 내용에서 사용할 언어를 지정합니다.
style StyleDesc CSS 스타일을 지정합니다.
title Text 웹 브라우저에서 툴팁으로 표시할 추가 설명을 지정합니다.

예제

<P>과거보다는 <STRONG>현재</STRONG>가 더 중요하다.</P>
STRONG 요소로 처리된 부분은 웹 브라우저에서 볼드체로 표시됩니다. 스타일 시트를 이용하면 형태를 변경할 수 있습니다.

과거보다는 현재가 더 중요하다.


지원 브라우저/HTML 버전

이 태그를 지원하는 브라우저의 최소 버전은 아래와 같습니다.

IE all, NN all, HTML all

참고

  • STRONG 요소는 구문 요소(Phrase Element)로서 강조의 의미를 지니고 있으므로, 단순히 텍스트를 볼드체로 표시하려고 할 때에는 글자 스타일 요소인 B 요소를 사용하는 것이 좋습니다.
  • STRONG 요소보다 약한 강조를 표시할 때는 EM 요소를 사용합니다.

 

<STYLE>

STYLE 요소는 문서에 스타일 시트를 삽입할 때 사용합니다.

구문: <STYLE>...</STYLE>

닫는 태그: 필요

속성

볼드체로 표시된 것은 필수 속성, 회색으로 표시된 것은 HTML 4.01에서 권장하지 않는(deprecated) 속성입니다.

속성 값 내용
type ContentType 스타일 시트의 MIME 타입을 지정합니다. CSS를 사용하려면 text/css로 지정되어야 합니다.
lang LanguageCode 스타일 시트에 이름을 지정합니다.
title Text 웹 브라우저에서 툴팁으로 표시할 추가 설명을 지정합니다.
media MediaDesc 스타일 시트가 적용되는 매체 타입을 지정합니다.

예제

 <STYLE type="text/css" media="screen">
<!--
BODY  { background: url(foo.gif) red; color: black }
P EM  { background: yellow; color: black }
.note { margin-left: 5em; margin-right: 5em }
-->
</STYLE>
스타일 시트가 삽입된 문서의 예제입니다. HTML 3.2 이전 버전의 브라우저는 STYLE 요소를 인식하지 못하고 BODY의 일부분으로 해석하여 스타일 시트 내용을 사용자에게 직접 보여줍니다. 이를 방지하기 위하여 CSS와 같은 스타일 언어는 위의 예제에서와 같이 스타일 시트가 코멘트(<!-- Comment -->)안에 포함되게 합니다.

지원 브라우저/HTML 버전

이 태그를 지원하는 브라우저의 최소 버전은 아래와 같습니다.

IE 3, NN 4, HTML 4

참고

  • 같은 스타일 시트가 여러 문서에 사용될 경우에는 외부 스타일 시트를 사용하는 것이 적합합니다.
  • 외부 스타일을 정의하려면 LINK 요소를 사용합니다.

 

<SUB>

SUB 요소는 아래첨자를 표시할 때 사용합니다.

구문: <SUB>...</SUB>

닫는 태그: 필요

속성

볼드체로 표시된 것은 필수 속성, 회색으로 표시된 것은 HTML 4.01에서 권장하지 않는(deprecated) 속성입니다.

속성 값 내용
class ClassName CSS의 class 선택자를 지정합니다.
dir rtl
ltr		 글자 방향을 지정합니다.
id ElementID CSS의 ID 선택자를 지정합니다.
lang LanguageCode 내용에서 사용할 언어를 지정합니다.
style StyleDesc CSS 스타일을 지정합니다.
title Text 웹 브라우저에서 툴팁으로 표시할 추가 설명을 지정합니다.

예제

<P><VAR>x</VAR> = <VAR>x<SUB>1</SUB></VAR> + <VAR>x<SUB>2</SUB></VAR>
+ ... + <VAR>x<SUB>n</SUB></VAR></P>
<P>H<SUB>2</SUB>O (물)과 C<SUB>21</SUB>H<SUB>27</sub>NO (메타돈)</P>
SUB 요소는 어떤 의미를 나타내기 보다는 형태를 표시하기 위해 사용됩니다. 수학식이나 화학 공식 등을 표기할 때 유용합니다.

x = x1 + x2 + ... + xn

H2O (물)과 C21H27NO (메타돈)


지원 브라우저/HTML 버전

이 태그를 지원하는 브라우저의 최소 버전은 아래와 같습니다.

IE 3, NN 2, HTML 3.2


 

<SUP>

SUP 요소는 위첨자를 표시할 때 사용합니다.

구문: <SUP>...</SUP>

닫는 태그: 필요

속성

볼드체로 표시된 것은 필수 속성, 회색으로 표시된 것은 HTML 4.01에서 권장하지 않는(deprecated) 속성입니다.

속성 값 내용
class ClassName CSS의 class 선택자를 지정합니다.
dir rtl
ltr		 글자 방향을 지정합니다.
id ElementID CSS의 ID 선택자를 지정합니다.
lang LanguageCode 내용에서 사용할 언어를 지정합니다.
style StyleDesc CSS 스타일을 지정합니다.
title Text 웹 브라우저에서 툴팁으로 표시할 추가 설명을 지정합니다.

예제

이차다항식의 예는 <STRONG>3<VAR>x</VAR><SUP>2</SUP> + 5<VAR>x</VAR> - 7</STRONG>
입니다.
SUP 요소는 어떤 의미를 나타내기 보다는 형태를 표시하기 위해 사용됩니다. 수학의 지수 등을 표기할 때 유용합니다.
이차다항식의 예는 3x2 + 5x - 7입니다.

지원 브라우저/HTML 버전

이 태그를 지원하는 브라우저의 최소 버전은 아래와 같습니다.

IE 3, NN 2, HTML 3.2


※ 출처 : 웹 디자인 그룹"(Web Design Group), Copyright ⓒ 2003-2005 (주)세중 나모 인터랙티브


'HTML태그' 카테고리의 다른 글

HTML태그(Tag) - P로시작하는 태그  (0) 2010.04.04
HTML태그(Tag) - Q로시작하는 태그  (0) 2010.04.04
HTML태그(Tag) - T로시작하는 태그  (0) 2010.04.04
HTML태그(Tag) - U로시작하는 태그  (0) 2010.04.04
HTML태그(Tag) - V로시작하는 태그  (0) 2010.04.04
Posted by 굿프랜
,
굿프랜

태그목록

티스토리툴바