msang48

HTML의 기본

yjh09 2007. 11. 28. 10:35
HTML의 기본

웹문서를 만든다는 것은 HTML(Hypertext Markup Language)이라는 프로그래밍 언어를 사용하여 문서를 제작하는 것으로 프로그래밍 언어라고는 하지만 C 언어와 같이 까다롭지도 않고 단순히 정해진 기능을 하는 코드들을 나열하고 원하는 텍스트를 입력하는 것에 불과합니다. HTML은 다음 코드들의 집합체입니다.


HEAD에 들어가는 태그

 <!DOCTYPE>

 HTML 문서의 버전을 표시한다.

 <!-->

 홈페이지 중간 중간의 주석 표시

 <TITLE>

 홈페이지의 제목 표시

 <META>

 홈페이지의 일반적인 정보를 표시

 <SCRIPT>

 자바스크립트와 같은 언어를 삽입하고자 할 때

 <[안내]태그제한으로등록되지않습니다-[안내]태그제한으로등록되지않습니다-[안내]태그제한으로등록되지않습니다-BGSOUND>

 배경음악 지정

 <BASE>

 홈페이지의 절대경로 지정

 <LINK>

 현재 홈페이지와 다른 홈페이지와의 관계 설정

본문과 관련

있는 태그

 <ADDRESS>

 제작자와 연락할수 있는 방법을 표시

 <BDO>

 오른쪽에서 왼쪽으로 글자 나열

 <BLOCKQUOTE>

 다른 사람의 말을 인용했다는 것을 표시

 <COMMENT>

 홈페이지의 주석 표시

 <DFN>

 홈페이지내에서 특정한 용어를 정의

 <DIV>

 문단정렬 태그

 <KBD>

 홈페이지내에서 키보드의 특정 키입력을 설명할 때

 <LAYER>

 홈페이지내에서 레어어 설정

 <MARQUEE>

 한방향에서 다른방향으로 흘러가는 동작을 연출

 <P>

 단락을 구분짓는 태그

 <PRE>

 내용 그대로를 보여주는 태그

 <Q>

 짧은 인용문을 사용할 때

 <SPAN>

 한줄에 서식을 적용할 때 쓰는 태그

글자와 관련

있는 태그

 <B>

 글씨를 진하게

 <BASEFONT>

 본문에 적용시킬 글꼴 설정

 <BLINK>

 텍스트가 일정 간격으로 깜박인다.

 <BR>

 텍스트의 줄을 바꾼다

 <CENTER>

 홈페이지의 중앙에 정렬시킨다

 <CITE>

 짧은 인용구 및 문구를 표시

 <DEL>

 본문 텍스트중 삭제 표시를 해야할 경우

 <EM>

 일부분을 강조할 때 사용

 <FONT>

 홈페이지의 글꼴설정

 <I>

 이태리체로 표시

 <INS>

 본문중 삽입표시를 해야할 경우 사용

 <S>

 본문중 일부분에 가운데 선을 긋는다

 <SMALL>

 설정된 글꼴 크기보다 2포인트 작게

 <STRIKE>

 글자의 가운데에 선을 긋는다

 <STRONG>

 글꼴을 진하고 굵게

 <SUB>

 아래첨자를 만든다.

 <SUP>

 윗천자를 만든다.

 <TT>

 일부분을 고정 비례목체로 표시

 <U>

 밑줄을 긋는다.

 <VAR>

 변수의 이름을 설정

목록과 관련

있는 태그

 <DD>

 설명형 목록의 항목을 추가할 때 사용

 <DIR>

 디렉토리 목록 설정

 <DL>

 설명형 목록을 설정한다.

 <DT>

 목록에대한 제목이나 설명을 기재할 때 사용

 <LI>

 모든 목록들의 항목을 추가

 <MENU>

 메뉴형 목록을 설정

  <OL>

 순서형 목록을 설정

 <UL>

 비순서형 목록을 설정

 표와 관련

있는 태그

 <CAPTION>

 테이블에 대한 설명이나 제목 등을 기재

 <COL>

 각열의 속성을 설정

 <COLGROUP>

 테이블의 열 그룹에 대한 속성을 설정

 <TABLE>

 문서내에 표를 만든다

 <TBODY>

 본문에 해당하는 내용을 기재

 <TD>

 표내에 셀을 삽입

 <TFOOT>

 꼬리표에 해당하는 내용을 기재

 <TH>

 각 열의 제목들을  표시

 <THEAD>

 머리말에 해당하는 내용을 기재

 <TR>

 표내에 행을 삽입

링크와 관련

있는 태그

  <A HREF=

 하이퍼링크되는 홈페이지를 지정

그림과 관련

있는 태그

 <AREA>

 하나의 이미지에서 링크시킬 영역을 지정

 <IMG>

 홈페이지에 그림을 삽입할 때 사용

 <MAP>

 홈페이지내에서 이미지 맵을 설정

개체와 관련

있은 태그

 <APPLET!!!>

 자바 애플릿을 삽입한다.

 <EMBED>

 플러그인 개체를 삽입한다.

 <OBJECT>

 홈페이지 내에 개체를 삽입한다.

 <PARAM>

 삽입된 자바 개체에 필요한 파라미터를 설정

가로선과 관련있는 태그

 <HR>

 홈페이지 내에 가로선을 삽입한다.

프레임과 관련있는 태그

 <FRAME>

 FRAMESET 내에서 프레임을 만든다

 <FRAMESET>

 홈폐페이지에 여러 가지 프레임을 만든다

 <IFRAME>

 홈페이지내에서 다른 홈페이지를 보는창을 만든다.

양식과 관련

있는 태그

 <BOTTON>

 홈페이지에 단추를 삽입

 <FIELDSET>

 홈페이지 내 양식들을 그룹으로 묶는다

 <FORM>

 홈페이지 내 양식들을 설정

 <INPUT>

 양식폼에 양식을 삽입한다.

 <ISINDEX>

 입력란을 만들어 검색쿼리를 만든다.

 <LABLE>

 양식의 한부분에 자세한 설명을 주고자 할 때

 <LEGEND>

 같은 성격의 양식들을 구분할 때 사용

 <SELECT>

 드풉다운 박스에 의한 선택형 메뉴를 만든다.

 <TEXTAREA>

 여러 줄을 입력할 수 있는 글상자를 만든다

   

BODY  태그

부명령

 ALINK="색이름"

 홈페이지의 링크색을 지정

 BGCOLOR="색"

 홈페이지의 배경색을 지정

 BACKGROUND

 배경그림 지정

 BGPROPERTIES

 배경이미지를 고정시킨다.

 CLASS

 스타일시트에 의해 정의된 서식 적용

 LINK="색"

 링크되어 있는 곳의 색 지정

 TEXT ="색"

 기본 문자색을 지정

 VLINK="색"

 열어본 홈페이지의 링크색 지정

 SCROLL

 스크롤가능여부 지정 (YES,NO>

 STYLE=

 적용할 스타일 시트 적용

TABLE 태그

부명령

 ALIGN=

 정렬방법 (LEFT, CENTER, RIGHT, JUSTIFY)

 BACKGROUND

 표의 배경이미지 지정

 BORDER=

 표의 외곽선 두께 지정

 BORDERCOLOR=

 표 외곽선의 색상을 지정

 BORDERCOLORDARK

 외곽선을 3차원으로 만들 때 (어두운색)

 BORDERCOLORLIGHT

 외곽선을 3차원으로 만들 때 (밝은색)

 CELLSPACING

 내용사이의 간격 지정

 HEIGHT

 표의 높이 지정

 WIDTH

 표의 너비 설정

MARQUEE 태그 부명령

 BEHAVIOR!!!

 텍스트의 흘러가는 형식 지정

 = scroll   (텍스트가 흘러가다 사라짐)

 = slide    (흘러가다 마직막에 멈춤)

 = alternate (양쪽방향으로 반복)

 BGCOLOR=

 흘러가는 텍스트의 배경색 지정

 DIRECTION=

 흘러갈 방향 지정 <UP, DOWN, LEFT, RIGHT)

 HEIGHT=

 흘러가는 텍스트의 높이 지정

 LOOP=

 반복횟수를 지정

 SCROLLMOUNT=

 텍스트가 흘러가는 속도를 설정

 SCROLLDELAY=

 흘러가는 텍스트의 나타나는 간격 설정

 VSPACE=

 흘러가는 텍스트의 수직 간격 설정

 WIDTH=

 흘러가는 텍스트의 너비 설정