티스토리 뷰
<BODY>
TOPMARGIN="수치" - 상단 여백
LEFTMARGIN="수치" - 왼쪽 여백
BACKGROUND="주소" - 배경 이미지
BACKCOLOR="색상" - 배경 색상
TEXT="색상" - 글자 색상
LINK="색상" - 하이퍼링크 색상
ALINK="색상" - 링크 클릭 시의 색상
VLINK="색상" - 이미 방문한 링크의 색상
</BODY>
<BASEFONT SIZE="수치"> 문서 전체 적용
<FONT>
SIZE="수치" - 글자 크기 숫자가 클수록 커짐(1~7), 기본 3
COLOR="색상" - 글자 색상
FACE="글꼴" - 글꼴 ','로 여러가지 지정가능
</FONT>
<BR> 줄바꿈 태그
CLEAR : 그림 출력후 문단의 시작지점 지정
<P> 단락 구분 태그 == <BR><BR>
ALIGN="center/left/right/justify"
<PRE> 입력한 형식을 그대로 출력 </PRE>
<H1~6> 제목의 크기(숫자가 작을수록 커짐) 와 스타일(두껍게) 지정 </H1~6>
ALIGN="center/left/right/justify"
<B>진하게</B>
<I>이탤릭체</I>
<S>글자 가운데 줄긋기</S>
<U>밑줄을 그어 표시</U>
<TT>고정 폭 글꼴로 표시</TT>
글자<SUP> 위첨자로 표시</SUP>
글자<SUB> 아래첨자로 표시</SUB>
<BIG> 글자를 더 크게 표시 </BIG>
<SMALL> 글자를 더 작게 표시 </SMALL>
<UL> 순서가 없는 목록지정
<LI>
TYPE="disk(기본)/square/circle" <UL/LI에 적용>
</UL>
<OL> 순서가 있는 목록
START="숫자" - 시작번호지정
<LI>
TYPE="1/a/A/i/I" <UL/LI에 적용>
VALUE="숫자" - 번호지정(LI에 적용)
</OL>
'공백' :
'<' : <
'>' : >
'&' : &
' " ' : "
<HR> 같은 페이지 안에서 내용 분리를 위해 사용
COLOR, WIDTH, SIZE, ALIGN, NOSHADE
<IMG> 그림삽입
SRC="경로"
WIDTH, HEIGHT
ALT : 그림 설명 지정
BORDER : 테두리
ALIGN="top/middle/bottom/right/left"
VSPACE, HSPACE : 그림의 상하, 좌우 여백지정
<MAP> 하나의 그림을 영역을 지정하여 나누어 링크지정
NAME
<AREA>
SHAPE="이미지맵 모양"
COORDS="이미지 맵좌표값"
HREF
TARGET
ALT="표시내용"
</MAP>
</IMG>
<A>
HREF="링크 주소"
같은 페이지 내의 일정 부분으로 이동 = '#키워드(NAME)'
다른 페이지의 특정 위치로 이동 = '페이지경로#키워드(NAME)'
NAME - 문서의 특정 위치 지정
TARGET="_blank(새창)/_self(현재창)"
TITLE - 링크에 마우스 올렸을때 보이는 내용 지정
</A>
<TABLE>
BORDER
BORDERCOLOR
BORDERCOLORLIGHT
BORDERCOLORDARK
BACKGROUND
CELLPADDING : 셀 내부의 여백 조절
CELLSPACING : 셀 간역 조절
WIDTH/HEIGHT/ALIGN(TABLE/TH/TD)
ALIGN/VALIGN(TR/TH/TD)
COLSPAN/ROWSPAN(TH/TD)
<TR>
<TH> 셀 단위로 제목을 표현
<TD>
NOWRAP
<CAPTION> 표 제목
</TABLE>
<INPUT> 다양한 형태의 입력 양식을 제공
TYPE="text/password/radio/checkbox/submit/reset"
같은 라디오버튼은 NAME을 같게
NAME="이름"
VALUE="값"
SIZE="수치"
MAXLENGTH="수치"
CHECKED
<TEXTAREA>
NAME
ROWS
COLS
WRAP="off/virtual/physical"
READONLY
</TEXTAREA>
<FORM>
ACTION : 데이터의 전송 위치지정
METHOD="post/get"
</FORM>
<FRAMESET> BODY에 넣지 않음
ROWS, COLS
FRAMEBORDER : 테두리 유무
BORDER : 테두리 굵기
<FRAME>
SRC
NAME
MARGINHEIGHT, MARGINWIDTH
<IFRAME> 창 안에 다른 창을 삽입하는 경우
</IFRAME>
</FRAMESET>
<MARQUEE> 흐름글자
DIRECTION="right/left" - 스크롤 방향
BEHAVIOR="scroll(해당방향으로사라지고 시작점에다시나옴)/slide(이어짐)/alternate(튕겨나옴)"
WIDTH, HEIGHT
VSPACE, HSPACE
SCROLLAMOUNT : 한번에 움직이는 거리
SCROLLDELAY : 한번 움직이는데 걸리는 시간
LOOP : 반복횟수
BGCOLOR : 배경색
</MARQUEE>
<HEAD></HEAD>
<META>
출처 : http://blog.naver.com/jereupinos?Redirect=Log&logNo=150166419122
'■ 프론트엔드 ■ > HTML' 카테고리의 다른 글
| IE호환성보기 버튼 제거 - META태그 이용 (0) | 2013.10.13 |
|---|---|
| a 태그 - 링크 (0) | 2013.10.13 |
| ul,li 태그 - 순서가 없는 목록지정 (0) | 2013.10.13 |
| id와 class의 사용 (0) | 2013.10.13 |
| document.getElementsByTagName() - 태그 접근 (0) | 2013.10.13 |