'BR BUTTON'에 해당되는 글 1건

  1. 2010.04.04 HTML태그(Tag) - B로시작하는 태그

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

HTML태그 2010. 4. 4. 11:01


 

<B>

B 요소는 텍스트를 진하게 표시할 때 사용합니다.

구문: <B>...</B>

닫는 태그: 필요

속성

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

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

예제

 <b>이 문장은 진하게 표시됩니다.</b>
이 문장은 진하게 표시됩니다.

지원 브라우저/HTML 버전

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

IE all, NN all, HTML all

참고

  • 텍스트를 강조하려는 목적일 경우에는 구문 요소(Phrase Element)인 EM 또는 STRONG 요소를 사용하는 것이 좋습니다. 구문 요소는 텍스트의 의미를 좀더 명확하게 표현해 줍니다.
  • B 요소는 스타일 시트로 대체되어 HTML 4.01에서 권장하지 않는(deprecated) 요소입니다.

 

<BASE>

BASE 요소는 문서에 사용된 상대경로를 결정하기 위한 기본 URI를 정의합니다. 한 문서는
2개 이상의 BASE 요소를 포함할 수 없습니다. BASE 요소는 부분적 URI를 포함하는 어떤
요소보다 우선하며 HEAD 요소 안에 위치해야 합니다.

구문: <BASE>

닫는 태그: 없음

속성

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

속성 값 내용
href URI 하이퍼링크의 기본 URI를 지정합니다.
target FrameTarget 링크를 표시할 기본 프레임을 지정합니다. 링크마다 target 속성이 지정
되어 있는 경우, BASE 요소의 target 속성이 가장 우선합니다.

예제

 <HEAD>
<BASE href="http://www.namo.com/images/" />
</HEAD>
<BODY>
<IMG src="example.png" />
</BODY>
BASE 경로가 정의되어 있기 때문에 이미지 파일의 위치는 문서의 위치와는 상관없이 "http://www.namo.com/images/example.png"가 됩니다.

지원 브라우저/HTML 버전

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

IE all, NN all, HTML all

참고

  • target 속성으로 지정한 프레임이 존재하지 않을 경우, 링크는 새 창에서 열립니다.

 

<BASEFONT>

BASEFONT 요소는 웹 브라우저에서 문서를 표시할 때 사용할 폰트의 기본값을 지정합니다.

구문: <BASEFONT>

닫는 태그: 없음

속성

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

속성 값 내용
size CDATA 글자 크기를 지정합니다. 1부터 7까지 지정할 수 있으며, 사용자가
글자 크기를 설정하지 않은 경우 기본값은 3입니다.
class ClassName CSS의 class 선택자를 지정합니다.
color Color 글자 색깔을 지정합니다. 색깔 이름이나 #rrggbb 형식의 코드를 입력합니다.
dir rtl
ltr		 글자 방향을 지정합니다.
face CDATA 글꼴 종류를 지정합니다. 여러 개의 글꼴을 지정할 경우, 앞에서
지정한 글꼴이 없으면 뒤에서 지정한 글꼴이 사용됩니다.
id ElementID CSS의 ID 선택자를 지정합니다.
lang LanguageCode 링크 내용에 사용할 언어를 지정합니다.
style StyleDesc CSS 스타일을 지정합니다.
title Text 웹 브라우저에서 툴팁으로 표시할 추가 설명을 지정합니다.

예제

 <HEAD>
<BASEFONT face="굴림" color="blue">
</HEAD>
FONT와 달리 BASEFONT는 기본 폰트에 영향을 미치며, BODY 요소 안의 모든 콘텐츠에
적용됩니다. 일부 브라우저에서는 BASEFONT 요소로 지정한 값을 TABLE 안의 콘텐츠에는
적용하지 못합니다.

지원 브라우저/HTML 버전

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

IE all, NN all, HTML 3.2

참고

  • BASEFONT 요소는 스타일 시트로 대체되어 HTML 4.01에서 권장하지 않는(deprecated) 요소입니다.

 

<BDO>

BDO 요소는 글자의 방향을 지정합니다.

구문: <BDO>...</BDO>

닫는 태그: 필요

속성

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

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

예제

<BDO dir="rtl">ABCDEFG</BDO>
BDO 요소에 dir 속성을 사용하여 글자가 오른쪽에서 왼쪽으로 표시되게 한 예제입니다.

유니코드 문자는 왼쪽에서 오른쪽 혹은 오른쪽에서 왼쪽으로 쓰여져서 적절한 전체 텍스트 모양을 만듭니다. 예를 들어 영어는 왼쪽에서 오른쪽으로, 히브리어는 오른쪽에서 왼쪽으로 배열됩니다. BDO 요소는 글자의 방향을 지정하여, 히브리어와 영어가 혼합된 글을 표시할 경우 유용하게 사용됩니다.

ABCDEFG

지원 브라우저/HTML 버전

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

IE 5, NN 6.2, HTML 4


 

<BIG>

BIG 요소는 글자를 더 크게 표시하려고 할 때 사용합니다.

구문: <BIG>...</BIG>

닫는 태그: 필요

속성

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

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

예제

 이 단어는 <big>크게</big> 표시됩니다.
BIG 요소는 <FONT size=+1>과 동일한 의미입니다.
이 단어는 크게 표시됩니다.

지원 브라우저/HTML 버전

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

IE all, NN all, HTML 3.2

참고

  • 글자 크기를 정확하게 표시하려면 스타일 시트를 사용하는 것이 좋습니다.

 

<BLOCKQUOTE>

BLOCKQUOTE 요소는 인용한 단락을 표시할 때 사용합니다. BLOCKQUOTE는 Q 요소와는 달리 P나 TABLE과 같은 블록 요소를 포함할 수 있습니다. 하지만 BLOCKQUOTE 요소는 문단이나 인라인 요소 안에 포함될 수 없습니다.

구문: <BLOCKQUOTE>...</BLOCKQUOTE>

닫는 태그: 필요

속성

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

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

예제

 <BLOCKQUOTE cite="http://ipcp.edunet4u.net/~koreannote/4/4-소나기~전문.htm">
<P>
꽤 오랜 시간이 지났다고 생각됐다.<BR>
그런데도 소녀는 나타나지 않는다. <BR>
발돋움을 했다. <BR>
그러고도 상당한 시간이 지났다고 생각됐다.<BR>
저 쪽 갈밭머리에 갈꽃이 한 옴큼 움직였다.<BR>
소녀가 갈꽃을 안고 있었다.<BR>
그리고, 이제는 천천한 걸음이었다.<BR>
유난히 맑은 가을 햇살이 소녀의 갈꽃머리에서 반짝거렸다.<BR>
소녀 아닌 갈꽃이 들길을 걸어가는 것만 같았다.
</P>
</BLOCKQUOTE>
BLOCKQUOTE 요소를 사용하면 왼쪽, 오른쪽에 여백이 생깁니다. 위 예제는 여러 문단이
인용문 안에 포함되어 있는 것을 보여줍니다.

꽤 오랜 시간이 지났다고 생각됐다.
그런데도 소녀는 나타나지 않는다.
발돋움을 했다.
그러고도 상당한 시간이 지났다고 생각됐다.
저 쪽 갈밭머리에 갈꽃이 한 옴큼 움직였다.
소녀가 갈꽃을 안고 있었다.
그리고, 이제는 천천한 걸음이었다.
유난히 맑은 가을 햇살이 소녀의 갈꽃머리에서 반짝거렸다.
소녀 아닌 갈꽃이 들길을 걸어가는 것만 같았다.


지원 브라우저/HTML 버전

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

IE all, NN all, HTML all

참고

  • 인용한 어구를 표시하려면 Q 요소를 사용합니다.
  • 단순히 단락을 들여쓰기 하려는 목적으로 BLOCKQUOTE 요소를 사용하는 것은 좋지 않습니다.

 

<BODY>

BODY 요소는 웹 브라우저에 표시할 문서의 내용을 포함합니다. BODY 요소는 프레임이 아닌 문서에서 필요하며, 여는 태그와 닫는 태그를 경우에 따라 생략할 수 있습니다. 프레임 문서에서 NOFRAMES가 사용된 경우, BODY 요소는 NOFRAMES 요소 안에 포함되어야 합니다.

구문: <BODY>...</BODY>

닫는 태그: 선택

속성

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

속성 값 내용
class ClassName CSS의 class 선택자를 지정합니다.
dir rtl
ltr		 글자 방향을 지정합니다.
id ElementID CSS의 ID 선택자를 지정합니다.
lang LanguageCode 링크 내용에 사용할 언어를 지정합니다.
language LanguageCode 스크립트 언어 종류를 지정합니다.
style StyleDesc CSS 스타일을 지정합니다.
title Text 툴팁으로 표시할 내용을 지정합니다.
alink Color 하이퍼링크된 텍스트를 눌렀을 때 표시할 색깔을 지정합니다.
background URI 배경 이미지를 지정합니다.
bgcolor Color 배경색을 지정합니다.
link Color 하이퍼링크된 텍스트를 표시할 색깔을 지정합니다.
text Color 글자색을 지정합니다.
vlink Color 이미 방문한 하이퍼링크 텍스트를 표시할 색깔을 지정합니다.

예제

 <HTML>
<HEAD>
</HEAD>
<BODY>
<P>내용을 입력하십시오.</P>
</BODY>
</HTML>
HTML 문서의 구조를 보여주는 간단한 예제입니다.

지원 브라우저/HTML 버전

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

IE all, NN all, HTML all

참고

  • BODY 요소와 사용할 수 있는 이벤트로는 onload와 onunload가 있습니다.
  • BODY 요소의 속성 중 문서 형태를 지정하는 모든 속성은 HTML 4.01에서 권장하지
    않으며(deprecated), 이를 대신하여 스타일시트를 사용하는 것이 좋습니다.

 

<BR>

BR 요소는 줄바꿈을 할 때 사용합니다.

구문: <BR>

닫는 태그: 없음

속성

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

속성 값 내용
class ClassName CSS의 class 선택자를 지정합니다.
dir rtl
ltr		 글자 방향을 지정합니다.
id ElementID CSS의 ID 선택자를 지정합니다.
lang LanguageCode 내용에 사용할 언어를 지정합니다.
style StyleDesc CSS 스타일을 지정합니다.
title Text 브라우저에서는 툴팁으로 표시할 추가 설명을 지정합니다.
clear left
right
all		 좌우에 정렬된 요소를 완전히 벗어나 새로운 줄에서 시작하도록 지정합니다.

예제

예제 1
 <P><IMG src="images/building.gif" align=left >서울은 한국에서 제일 큰 도시입니다.
<BR>
서울의 거리는 붐비는 교통과 인파로 항상 분주합니다.</P>
위 예제에서 두 번째 문장은 BR 요소에 의해 줄바꿈이 되어 표시됩니다.

서울은 한국에서 제일 큰 도시입니다.
서울의 거리는 붐비는 교통과 인파로 항상 분주합니다.




예제 2
 <P><IMG src="images/building.gif" align=left >서울은 한국에서 제일 큰 도시입니다.
<BR clear="left">
서울의 거리는 붐비는 교통과 인파로 항상 분주합니다.</P>
위 예제에서 두 번째 문장은 BR 요소의 clear 속성에 의해 이미지 밑에 표시됩니다.

서울은 한국에서 제일 큰 도시입니다.
서울의 거리는 붐비는 교통과 인파로 항상 분주합니다.


지원 브라우저/HTML 버전

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

IE all, NN all, HTML all

참고

  • 저자가 지정한 글자 크기와는 다른 글자 크기로 문서를 보는 경우, BR 요소를 많이 사용한 문서는 제대로 보이지 않을 수 있습니다.
  • 단락을 구분할 때에는 BR 요소가 아닌 P 요소를 사용하는 것이 좋습니다.
  • 떠있는(floating) 요소와 함께 사용되는 텍스트를 정렬하려면 BR 요소의 clear 속성 대신 CSS의 clear 속성을 사용하는 것이 좋습니다.

 

<BUTTON>

BUTTON 요소는 보내기, 다시 작성, 누름 단추를 만들 때 사용합니다. 버튼을 규정하기 위해 INPUT 요소를 사용할 수도 있습니다. BUTTON 요소는 이미지와 강조를 포함한 다양한 라벨을 지원하지만 HTML 4.0에서 추가된 것으로 아직 웹 브라우저에서 널리 지원되지 않습니다.

구문: <BUTTON>...</BUTTON>

닫는 태그: 필요

속성

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

속성 값 내용
accesskey Character 키 입력으로 요소를 활성화시킬 문자를 지정합니다.
class ClassName CSS의 class 선택자를 지정합니다.
disabled [none] 버튼을 누른 수 없게 합니다.
id ElementID CSS의 ID 선택자를 지정합니다.
lang LanguageCode 내용에서 사용할 언어를 지정합니다.
name CDATA 요소의 이름을 지정합니다.
style StyleDesc CSS 스타일을 지정합니다.
tabindex Number 탭 순서를 지정합니다. 0과 32767사이의 하나의 숫자를 사용하며 양수로 표시된 값이 낮은 숫자일수록 우선 순위가 되며, 값이 같을 때는 HTML 문서에서 먼저 나온 것이 우선 순위가 됩니다. 값이 '0'이거나 없는 경우는 가장 마지막 순서가 됩니다.
title Text 웹 브라우저에서 툴팁으로 표시할 내용을 지정합니다.
type submit
reset
button		 버튼의 종류를 지정합니다. submit는 보내기 단추를 만들며 기본값입니다. reset은 입력한 값을 모두 초기값으로 재설정하는 단추를 만들며 button은 일반 단추를 만듭니다.
value CDATA 요소의 값을 지정합니다.

예제

예제 1
 <BUTTON name="submit" value="modify">정보 수정</BUTTON>
<BUTTON name="submit" value="continue">작성 계속</BUTTON>

예제 2
 <BUTTON type="button" onclick="myscript()">
<IMG src="images/mybutton.gif" />
</BUTTON>
이미지를 버튼 라벨로 사용한 예제입니다.

지원 브라우저/HTML 버전

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

IE 4, NN 6.2, HTML 4

참고

  • BUTTON 요소와 사용할 수 있는 이벤트로는 onfocus와 onblur가 있습니다.

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


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

HTML태그(Tag) - A로시작하는 태그  (0) 2010.04.04
HTML태그(Tag) - C로시작하는 태그  (0) 2010.04.04
HTML태그(Tag) - D로시작하는 태그  (0) 2010.04.04
HTML태그(Tag) - E로시작하는 태그  (0) 2010.04.04
HTML태그(Tag) - F로시작하는 태그  (0) 2010.04.04
Posted by 굿프랜
,
1
굿프랜

태그목록

티스토리툴바