웹문서를 만든다는 것은 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= |
흘러가는 텍스트의 너비
설정
|
|