'h1 head hr html'에 해당되는 글 1건

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

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

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

 

<H1>

H1 요소는 제목을 지정할 때 사용합니다.

구문: <H1>...</H1>

닫는 태그: 필요

속성

볼드체로 표시된 것은 필수 속성, 회색으로 표시된 것은 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입니다.

예제

 <H1>제목 1</H1>
<H2>제목 2</H2>
<H3>제목 3</H3>
<H4>제목 4</H4>
<H5>제목 5</H5>
<H6>제목 6</H6>
제목을 지정하는 블록 요소(Block Element)에는 H1, H2, H3, H4, H5, H6 요소가 있습니다. H1 요소가 제일 크고 H6 요소가 제일 작으며 웹 브라우저에서 볼드체로 표시됩니다.

지원 브라우저/HTML 버전

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

IE all, NN all, HTML all

참고

  • HTML 문서를 작성할 때 웹 브라우저에 표시되는 글자 크기만으로 제목 태그를 사용하는 것은 좋지 않습니다. 제목 태그의 레벨은 문서에서 해당 제목의 중요도와 위치에 따라 선택되어져야 합니다. 보통 H1 요소는 문서의 가장 중요한 제목에 사용됩니다.

※ <h1> ~ <h6>까지 사용법 동일


 

<HEAD>

HEAD 요소는 문서의 헤더 정보 즉, 제목, 키워드, 설명, 스타일 시트 등을 표시합니다. HEAD 요소의 시작 태그나 끝 태그는 생략할 수 있으나 가능한 사용하는 것이 좋습니다. HEAD 요소 뒤에는 BODY 요소가 오며, 프레임셋 문서의 경우에는 FRAMESET 요소가 옵니다.

구문: <HEAD>...</HEAD>

닫는 태그: 선택

속성

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

속성 값 내용
class ClassName CSS의 class 선택자를 지정합니다.
dir rtl
ltr		 글자 방향을 지정합니다.
id ElementID CSS의 ID 선택자를 지정합니다.
lang LanguageCode 내용에서 사용할 언어를 지정합니다. 예를 들면 영어는 en, 미국 영어는 en-US, 한국어는 euc-kr, 일본어는 ja로 지정합니다.
profile URI 문서에 대한 정보를 지정합니다.
title Text 웹 브라우저에서 툴팁으로 표시할 추가 설명을 지정합니다.

예제

 <HEAD>
<TITLE>나모 웹에디터</TITLE>
</HEAD>
HEAD 요소의 내용은 일반적으로는 겉으로 표시되지 않으나 HEAD의 필수 요소 TITLE은 예외적으로 브라우저의 제목 막대에 표시됩니다. 닫는 태그가 생략된 경우 첫 번째 BODY 또는 FRAMESET 요소가 HEAD의 끝을 의미합니다.

지원 브라우저/HTML 버전

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

IE all, NN all, HTML all

참고

  • HEAD 요소를 생략할 경우에도 TITLE 요소는 반드시 사용해야 합니다.

 

<HR>

HR 요소는 웹 브라우저에서 수평선을 표시할 때 사용합니다.

구문: <HR>

닫는 태그: 없음

속성

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

속성 값 내용
class ClassName CSS의 class 선택자를 지정합니다.
color Color 수평선 색깔을 지정합니다. 색깔 이름이나 #rrggbb 형식의 코드를 입력합니다. HTML 4.01에서는 스타일 시트의 color 속성을 사용할 것을 권장합니다.
dir rtl
ltr		 글자 방향을 지정합니다.
id ElementID CSS의 ID 선택자를 지정합니다.
style StyleDesc CSS 스타일을 지정합니다.
title Text 브라우저에서 툴팁으로 표시할 추가 설명을 지정합니다.
align left
center
right		 정렬 방법을 지정합니다.
size Pixels 수평선의 세로 높이를 지정합니다.
noshade noshade 수평선을 입체적으로 보이지 않게 표시합니다.
width Length 수평선의 너비를 지정합니다. 픽셀 또는 퍼센트로 지정할 수 있습니다. 기본값은 100%입니다.

예제

 <HR width="50%" align="left" size="1">
<HR width="50%" align="center" size="2">
<HR width="50%" align="right" size="3">
<HR width="50%" align="right" size="3" noshade>
HR 요소를 이용하여 수평선을 삽입한 예제입니다.

지원 브라우저/HTML 버전

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

IE all, NN all, HTML all

참고

  • 스타일 시트를 이용하면 다양한 형태로 수평선을 표시할 수 있습니다.

 

<HTML>

HTML 요소는 !DOCTYPE을 제외한 HTML 문서 내의 모든 내용을 포함하는 요소입니다. HTML 요소에는 하나의 HEAD 요소와 하나의 BODY 요소가 사용됩니다. 프레임셋 문서를 만드는 경우에는 BODY 요소 대신 FRAMESET 요소가 사용됩니다.

구문: <HTML>...</HTML>

닫는 태그: 선택

속성

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

속성 값 내용
dir rtl
ltr		 글자 방향을 지정합니다.
lang LanguageCode 내용에서 사용할 언어를 지정합니다. 예를 들면 영어는 "en", 미국 영어는 "en-US", 한국어는 "euc-kr", 일본어는 "ja"로 지정합니다.
title Text 웹 브라우저에서 툴팁으로 표시할 추가 설명을 지정합니다.
version CDATA HTML의 버전을 지정합니다. HTML 4.01에서는 version 속성 대신 !DOCTYPE을 사용할 것을 권장합니다.

예제

<!DOCTYPE HTML PUBLIC "-//W3C/DTD HTML 4.0//EN" "http://www.w3.org/TR/REC-html40/strict.dtd">
<HTML>
<HEAD>
<TITLE>기본 문서</TITLE>
</HEAD>
<BODY>
<P>본문 내용</P>
</BODY>
</HTML>
위 예제는 기본적인 형태의 HTML 문서입니다. HTML 요소는 HEAD와 BODY로 구성된 HTML 문서 내용 전체를 포함합니다.

지원 브라우저/HTML 버전

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

IE all, NN all, HTML all

참고

  • lang 속성을 사용하여 문서의 기본 언어를 지정해 놓는 것이 좋습니다.


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


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

HTML태그(Tag) - E로시작하는 태그  (0) 2010.04.04
HTML태그(Tag) - F로시작하는 태그  (0) 2010.04.04
HTML태그(Tag) - I로시작하는 태그  (0) 2010.04.04
HTML태그(Tag) - K로시작하는 태그  (0) 2010.04.04
HTML태그(Tag) - L로시작하는 태그  (0) 2010.04.04
Posted by 굿프랜
,
1
굿프랜

태그목록

티스토리툴바