html 태그 정리

그니우즈 2011. 11. 7. 09:08

2011. 11. 7. 09:08

HTML 기본 태그

줄과 문단 바꾸기	<P> 또는 <P>---</P> <BR>	<P> 줄을 바꾼 후 빈 줄을 하나 삽입하지만 <BR> 빈 줄 삽입 없이 줄만 바꿈
문서 제목 크기지정	<H#>---</H#> #은 1~6 지정	* 문서 제목의 크기를 6단계로 지정할 때 * 숫자가 작을수록 글자가 큼
글자의 크기, 색상, 글꼴	<FONT SIZE=# COLOR=# FACE=#>---</FONT> #은 1~7 지정	SIZE 속성은 글자 크기, COLOR은 글자 색상, FACE는 글꼴을 지정
가운데 정렬	<CENTER>---</CENTER>	태그 내용을 가운데 정렬
글자 모양 지정	<B>---</B>	진하게
	<STRONG>---</STRONG>	진하게
	<I>---</I>	이탤릭체
	<U>---</U>	밑줄
	<SUP>---</SUP>	위 첨자
	<SUB>---</SUB>	아래 첨자
	<BIG>---</BIG>	조금 더 크게
	<SMALL>---</SMALL>	조금 더 작게
배경색 지정	<BODY BGCOLOR=#> #은 색상 상수값이나 16진수	<BODY> 태그의 BGCOLOR 속성을 사용해 웹 브라우저의 배경색을 지정
목록 작성	<UL>	순서가 없는 목록 작성
목록 작성	<OL>	순서가 있는 목록 작성

이미지태그 - IMG 태그의 속성

SRC	URL	이미지 파일의 경로 이름과 파일 이름 입력
ALT	텍스트	이미지 파일에 짧은 설명글 표시
BORDER	픽셀값	이미지의 테두리 두께를 지정(기본값은 0)
ALIGN	LEFT/CENTER/RIGHT/TOP/MIDDLE/BOTTOM	이미지의 왼쪽/좌우가운데/오른쪽/상단/상하가운데/하단으로 문자열 정렬
WIDTH	픽셀값 또는 퍼센트	이미지의 너비 지정
HEIGHT	픽셀값 또는 퍼센트	이미지의 높이 지정

하이퍼링크 태그

표 태그

테이블 만들기	<TABLE>---</TABLE>	테이블의 시작과 끝을 정의
테이블 테두리 설정	<TABLE BORDER=#>---</TABLE> #은 픽셀값	* BORDER 속성을 사용해 테이블의 테두리 지정 *BORDER는 픽셀값으로 지정(기본1)
테이블의 행	<TABLE> <TR>---</TR> </TABLE>	<TABLE> 태그 안에서 지정하며, Table Row의 약어로 테이블의 행을 만듦. 이 태그 안에 <TD>를 지정
테이블의 열	<TR> <TD>---</TD> </TR>	Table Data의 약어로 <TR>로 나눈 행을 다시 1개이상의 열로 나눌 때 사용. 이 태그 사이에 테이블에 들어갈 내용 입력
테이블 제목	<CAPTION>---</CAPTION>	테이블 설명이나 제목을 추가하며, 테이블의 위나 아래에 지정
테이블 크기	<TABLE WIDTH=# HEIGHT=#> #는 픽셀값 또는 퍼센트	WIDTH 속성으로 테이블의 너비를 HEIGHT 속성으로 높이를 지정
셀 병합	<TD ROWSPAN=#>---</TD> <TD COLSPAN=#>---</TD> #는 숫자	<TD> 태그에서 ROWSPAN으로 여러 행을 하나로 합치고, COLSPAN으로 여러 열을 하나로 합침
테이블 색상	<TABLE BGCOLOR=#> #은 색상 상수	<TABLE>,<TR>,<TD>태그의 BGCOLOR를 사용해 테이블의 색 지정
정렬	ALIGN=’LEFT’, ‘RIGHT’, ‘CENTER’	테이블 내용을 수평으로 정렬
정렬	VALIGN=’TOP’, ‘BOTTOM’, ‘MIDDLE’	테이블 내용을 수직으로 정렬

폼 태그

한 줄 입력	<INPUT TYPE=”text” NAME=”이름” VALUE=”기본값” SIZE=”입력 양식 너비” MAXLENTEH=”최대 문자 수”>
여러 줄 입력	<TEXTAREA NAME=” “ ROWS=” “ COLS=” “>기본값</TEXTAREA>
비밀번호	<INPUT TYPE=”password” NAME=”이름” SIZE=”입력 너비” MAXLENTEH=”최대 문자 수”>
체크	<INPUT TYPE=”checkbox” NAME=”이름” VALUE=”전송될 데이터 값”>
라디오 버튼	<INPUT TYPE=”radio” NAME=”이름” VALUE=”전송될 데이터 값”>
전송	<INPUT TYPE=”submit” NAME=”이름” VALUE=”버튼에 표시할 내용”>
취소	<INPUT TYPE=”reset” NAME=”이름” VALUE=”버튼에 표시할 내용”>
버튼	<INPUT TYPE=”button” NAME=”이름” VALUE=”버튼 내용”>
파일 업로드	<INPUT TYPE=”file” NAME=”이름” SIZE=”입력 양식 너비”>
폼 태그	<FORM NAME=”폼 이름” METHOD=”get/post” ACTION=”CGI 경로”>---</FORM>

폼 태그

한 줄 텍스트

비밀번호

여러 줄 텍스트

라디오 버튼

...

*한 범위에 속하는 라디오 버튼들의 이름은 모두 같아야 한다.

체크 박스

...

*한 범위에 속하는 체크 박스들의 이름은 모두 같아야 한다.

파일 업로드

펼침 목록

...

</select>

전송 버튼

취소 버튼

일반 버튼

*자바 스크립트와 연결할 때 주로 사용한다.

출처 - 연화의 설정은 열정!!(http://inthechaos.tistory.com/)

그닉의 사생활..?