'S로시작하는 HTML태그'에 해당되는 글 1건

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

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 요소를 적용한 부분은 웹 브라우저에서 더 작게 표시됩니다. 위 예제에서와 같이 주로 저작권 등의 정보를 나타낼 때 유용합니다.

지원 브라우저/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와 같은 스타일 언어는 위의 예제에서와 같이 스타일 시트가 코멘트()안에 포함되게 합니다.

지원 브라우저/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 = x₁ + x₂ + ... + x_n

H₂O (물)과 C₂₁H₂₇NO (메타돈)

지원 브라우저/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 요소는 어떤 의미를 나타내기 보다는 형태를 표시하기 위해 사용됩니다. 수학의 지수 등을 표기할 때 유용합니다.

이차다항식의 예는 3x² + 5x - 7입니다.

지원 브라우저/HTML 버전

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

IE 3, NN 2, HTML 3.2

'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 굿프랜

좋은01세상

'S로시작하는 HTML태그'에 해당되는 글 1건

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

<S>

속성

예제

지원 브라우저/HTML 버전

참고

<SAMP>

속성

예제

지원 브라우저/HTML 버전

참고

<SCRIPT>

속성

예제

지원 브라우저/HTML 버전

참고

<SELECT>

속성

예제

지원 브라우저/HTML 버전

참고

<SMALL>

속성

예제

지원 브라우저/HTML 버전

참고

<SPAN>

속성

예제

지원 브라우저/HTML 버전

참고

<STRIKE>

속성

예제

지원 브라우저/HTML 버전

참고

<STRONG>

속성

예제

지원 브라우저/HTML 버전

참고

<STYLE>

속성

예제

지원 브라우저/HTML 버전

참고

<SUB>

속성

예제

지원 브라우저/HTML 버전

<SUP>

속성

예제

지원 브라우저/HTML 버전

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

카테고리

최근에 올라온글

최근에 달린 댓글

최근에 받은 트래백

글보관함

태그목록

티스토리툴바