▣HTML TAG의 개념▣
【TAG】 【사용방법】
Hn 제목을 표시할 경우 사용
th align:left,right,center지정가능함,(n=1,2,3,4,5,6)
FONT글자의 모양지정할 경우 사용.
size:글자의 크기,face:글꼴,color:글자색
basefont size:기본글자의 크기(특정 부분에 적용)
BR,PBR:문서 줄바꾸기,P:한단락 나누기
NOBR"Noline Break"라는 의미로 줄바꿈 금지
BLOCKQUOTE인용문장을 구분하기 위해 사용
!--###--프로그램의 주석문표시
글꼴논리적형식strong:강조용으로 굵은 글씨체 출력(em tag와 유사함)
code:코드형 문자를 지시함
var:변수의 이름을 지시할 경우 사용
dfn:용어를 정의할때 사용
글꼴물리적형식b:굵은 글씨체,i:기울어진 글씨체
sub:아래첨자 사용,sup:윗첨자 사용
BODY속성text=일반적인 글자색
link=링크된 부분의 글자색
alink=링크부분을 마우스로 누른 상태
vlink=링크부분의 클릭한 후상태
(문서전체의 글자색을 지정할수 있슴)
DIV문단을 정렬하는데 사용
PRE문단을 원하는 형태그대로 출력
(1칸이상의 공백도 처리됨!)
A HREF텍스트 & 그림을 링크할때 사용
형식:a href="웹주소",targrt=_blank,_top,_self▶그림또는텍스트▶/a
공백문자1.바탕색과 같은 글자색을 적용하는 방법
2. nbsp를 사용하는 방법
ADDRESS홈페이지운영자의 이름,주소등 지정
HR홈페이지수평선을 그어주는 것.
(width:수평선의 폭,size:수평선두께,noshade:그림자제거)
목록1.OL ~ /OL:번호있는 목록(LI로 지정)
2.UL ~ /UL:번호없는 목록(LI로 지정)
3.MENU ~ /MENU:메뉴목록(LI로 지정)
4.DIR ~ /DIR:디렉토리 목록(LI로 지정)
5.DL ~ /DL:용어정의 목록(DT▶DD로 지정)
META자동으로 다른페이지로 이동시킴
(형식:http-equiv="refresh" content=시간,URL=주소)
배경1.body bgcolor:배경색 넣기("#배경색")
2.body background="배경이미지 파일명"
IMGIMG src="이미지 파일명",alt="이미지 설명글"
(border:그림경계선,width/height:그림의 크기,vspace/hspace:그림여백)
이미지 맵한장의 이미지로 여러곳을 링크시킬때 사용
형식:img src="###" usemap="#이미지 맵이름"
이미지 맵사용:map name="이미지맵 이름"
맵지정:area shape=rect,cycle,poly coords="좌표값" href="웹주소"
웹지정완료:/map
TABLE홈페이지의 내용을 한눈에 알아볼수 있는 표작성
형식:table,th,tr,td의 하위개념으로 작성
1.th ~ /th:각열에 대한 제목서술
2.tr ~ /tr:가로줄을 나타내는 테그
3.td ~ /td:한줄의 한칸을 나타냄
4.cellpadding:표의 테두리와 셀내 글자사이 공간 지정
5.cellspacing:각 셀간의 거리지정
6.rowspan=n:n개만큼 세로로 통합
7.colspan=n:n개만큼 가로로 통합
8.caption ### /caption:테이블의 제목표시
FRAME한 화면에 2개이상의 문서를 동시에 나타냄.
프레임 나누기:farame set cols=*,*:세로,rows=*,*:가로 분할,border
프레임지정:frame name="###",src="###.html",noresize,scrolling
참고1.절대경로:최상단의 디렉토리부터 원하는 파일의 경로.
(ex://www.kumi.ac.kr)
2.상대경로:현재파일이 있는 디렉토리를 기준,다른 파일까지경로
(ex:../images/implant/nova.gif)
홈으로 GOGOGO!