태크 요약

▒ 태크 요약

1. 서식 관련 태그 요약

<BR>	기능 : 한 줄 바꿈
<P>	기능 : 문장의 단락 구분 속성 : ALIGN=LEFT ; RIGHT ; CENTER
<CENTER>..</CENTER>	기능 : 가운데 정렬
<DIV>......</DIV>	기능 : <P>태그와 거의 비슷한 역할을 하지만, 마지막에 줄을 띄어주지는 않음 속성 : ALIGN=LEFT ; RIGHT ; CENTER
<HR>	기능 : 줄 긋기 속성 : SIZE=n, WIDTH=n(%), CORLOR="#색깔코드", NOSHADE, ALIGN="LEFT ; RIGHT ; CENTER"

2. 글꼴 관련 태그 요약

<B>......</B>	기능 : 굵은 글씨
<I>.......</I>	기능 : 이탤릭체
<U>......</U>	기능 : 밑줄
<TT>......</TT>	기능 : 타이프체
<SUB>......</SUB>	기능 : 아래 첨자
<SUP>......</SUP>	기능 : 위 첨자
<BLINK>.....</BLINK>	기능 : 깜빡글자(단, 넷스케이프에서만 사용)
<STRIKE>.....</STRIKE>	기능 : 텍스트 가운데 줄을 그음
<BLOCKQUOTE></BLOCKQUOTE>	기능 : 인용문 등에 사용. 자동으로 줄을 바꿔주고 들여쓰기를 한채 나타남.
<!-- -->	기능 : 주석을 달 때 사용. 지정한 글자는 브라우저에 나타나지 않음

3. 목록 관련 태그 요약

<UL>......</UL>	기능 : 순서가 필요없는 목록을 적을 때 사용 <LI> 태그와 함께 사용. 속성 : TYPE=DISC ; CIRCLE ; SQUARE
<OL>.....</OL>	기능 : 순서가 필요한 목록을 적을 때 사용. <LI>태그와 함께. 옵션으로 'START='하고 시작번호를 지정할 수 있다. 1로 지정하면 1부터 시작하고, 3으로 지정하면 3부터 시작하는 목록이 작성된다. 속성 : A ; a ; I ; i ; 1
<LI>	기능 : 단일태그로 조그만 동그라미나 네모같은 아이콘을 보여준다. 속성 : DISC ; CIRCLE ; SQUARE <OL>태그와 쓰일 때는 TYPE=""하고 3가지 속성을 지정한다.
<DL>.....</DL> < DT>, <DD>	기능 : 제목과 내용을 표현하고 싶은 목록을 지정. <DT>, <DD>태그와 함께 쓰인다. <DT>태그에는 제목을 적고 <DD> 태그에는 내용을 적는다.

4. 배경색,배경 이미지,텍스트 부분 색상 지정하기 등 BODY 관련 태그

색깔은 영문이름 지정 또는 16진수로 표현
예) 검정색 #000000 ~ 흰색 #FFFFFF까지 표현 (RED / Green / Blue )
Green : 00FF00, Blue : 0000FF, Black : 000000, White : FFFFFF, Gray : 888888, Yellow : FFFF00, Cyan : 00FFFF
아래 칼라테이블을 클릭하시면 다양한 색상표를 볼 수 있어요.
☞ RGB 색상표를 참고해 보세요.

5.문서 연결 태그
<A>...</A> 태그
- 기능 : 링크 지정

6.이미지 태그

<IMG>태그 - 기능 : 그림 삽입 - 속성 : SRC="", ALIGN=정렬방식, ALT="설명문", WIDTH="", HEIGHT="", BORDER=n, HSPACE=n, VSPACE=n, ISMAP, USEMAP

<IMG SRC="그림파일명">	경로가 다르면 상대경로를 넣어준다
<IMG ALT="설명문">	이미지는 글자로다 로딩되는 속도가 느리고 브라우저에 따라 이미지를 보이지 않게 하는 기능이 있기 때문에 그림이 나올 부분에 설명을 붙여 주면 이용자 입장에서 도움이 된다
<IMG BORDER=n>	이미지 테두리선 굵기지정. 0은 테두리 안보이게, 1은 테두리 보이게
<IMG WIDTH=n>	이미지 가로폭 지정. 단위는 픽셀
<IMG HEIGHT=n>	이미지 세로폭 지정
<IMG ALIGN="정렬방식">	left, center, right를 줌으로써 왼쪽,가운데,오른쪽으로 정렬할 수 있다.

7.  <TABLE> 태그

<TABLE>...</TABLE>태그 - 기능 : 테이블의 시작과 끝 - 속성 : BORDER=n, BORDERCOLOR="#색상코드" WIDTH=n ; n%, HEIGHT=n ; n%, CELLPADDING=n, CELLSAPCING=n, BGCOLOR="#색상코드", BACKGROUND="그림파일"

<TABLE BORDER=n>	표의 테두리 두께를 조절. (0은 테두리를 숨기고, 1부터 숫자가 커질수록 두께는 굵어짐. BORDER 지정하지 않으면 O으로 설정됨.)
<TABLE BORDERCOLOR="#색상코드">	표의 테두리 색깔 지정.
<TABLE WIDTH=n HEIGHT=n>	표의 가로폭과 세로높이 지정. (단위는 픽셀)
<TABLE CELLPADDING=n>	셀의 크기 조절. 셀과 글자의 간격 조절. (0은 간격을 없애고 1부터 숫자가 커질수록 간격은 넓어짐.)
<TABLE CELLSPACING=n>	셀과 셀의 간격을 조절. (0은 간격을 없애고 1부터 숫자가 커질수록 간격은 넓어짐.)
<TABLE BGCOLOR="#색상코드">	표 전체의 색깔 지정

TR 태그

일단 위의 <TABLE>이 정의 되면 그 내부에 TR(Table Row)태그와 TD(table Data)태그를 이용해서 열(Row)과 행(Column)을 만들어 내게 되며, 이렇게 해서 만들어 진 여러개의 직사각형 공간을 셀(cell)이라고 합니다.

여기 TR태그는 표를 가로로 자르는 열을 만드는 태그인데 이 태그만으로는 화면상 아무것도 출력이 되지 않지요.

<TR>...</TR>태그 - 기능 : 테이블 한줄의 시작과 끝 - 속성 : ALIGN=LEFT ; CENTER ; RIGTHT, VALIGN=TOP ; MIDDLE ; BOTTOM, BGCOLOR="#색상코드"

TD 태그

TD태그는 TR태그와 동등한 위치에 있는 것이 아니라 항상 TR태그에 종속되어 TR태그가 나누어 놓은 열을 세로로 자르는 역할을 합니다.

이렇게 해서 만들어진 행은 비로서 내부에 출력될 텍스트나 이미지를 포함할 수 있게 되는 것이지요.

<TD>...</TD>태그 - 기능 : 표의 데이터 - 속성 : ALIGN=LEFT ; CENTER ; RIGTHT, VALIGN=TOP ; MIDDLE ; BOTTOM, COLSPAN=n, ROWSPAN=n

TH 태그

TH태그는 테이블의 헤더로서 내용이 진한 글씨로 나타나고 가운데 위치로 정렬됩니다.

헤더셀은 TH태그를 써서 표현하는데 주로 1열에 위치하여 아래에 있는 셀들의 제목이나 특징을 대표하는 데 사용되지요.

만약 헤더 셀을 테이블의 왼쪽에 정렬시키면 TR태그의 처음에 TH태그를 하나씩 넣어주면 됩니다.

<TH>...</TH>태그 - 기능 : 표의 작은 제목 - 속성 : TD의 속성과 동일

<TD ALIGN=정렬방식> : 셀 안의 내용을 LEFFT, CENTER, RIGTHT로 왼쪽,가운데,오른쪽으로 정렬 할 수 있습니다.
<TD VALIGN=정렬방식> : 셀 안의 내용을 TOP, MIDDLE, BOTTOM로 위,중간,아래로 세로정렬 할 수 있습니다.
※ <TR>에 ALIGN, VALIGN을 주면 TD 하나하나에 주지 않아도 TR에 묶여있는 모든 TD에 적용됩니다.

<TD COLSPAN=n> : 셀을 가로로 합치고 싶을 때 사용.
< TD ROWSPAN=n>: 셀을 세로로 합치고 싶을 때 사용.