html 태그 정리

기본 태그
태그	설명
<h1></h1>	글자 제목 (크기별로 h1~h6까지)
<p></p>	문단 태그
<b></b>	글자 굵게 표시
<i></i>	기울기(이탤릭체)
<strong></strong>	강하게 강조
<u></u>	밑줄
<ins></ins>	밑줄
<del></del>	가운데 선긋기
<s></s>	가운데 선긋기
<sup></sup>	위첨자
<sub></sub>	아래첨자
<br/>	줄바끔 (중복가능)
<hr>	구분선
<em></em>	약하게 강조

목록 태그
부모 태그	자식 태그	설명
<ul></ul>		.으로 시작 되는 목록 태그
	<li></li>	항목(항목안에 목록 넣기 가능)
<ol></ol>		1로 시작 되는 목록 태그
	<li></li>	항목(항목안에 목록 넣기 가능)

 

이미지 태그
태그	속성	설명
<img>		이미지 삽입
	src=""	이미지 경로
	art=""	이미지 설명
	width=""	넓이(px)
	height=""	높이(px)
	border=""	테두리라인
	/	하위폴더
	../	상위폴더

 

링크 태그
태그	속성	속성값	설명
<a></a>			링크태그
	href=""	url	url삽입
		#	현재url
	target=""		링크주소 여는 방식
		_self	현재 창에서 열기
		_top	현재 탭에서 열기
		_new	새탭에서 열기
		_black	새탭에서 열기
		_parent	상위프레임에서 열기
		_framename	링크된 문서가 지정된 프레임에서 열기

 

테이블 태그
부모태그	자식태그	자식태그	속성	설명
<table></table>				테이블표
	<tr></tr>			행
			rowspan=""	행 합치기
		<td></td>		열
			colspan=""	열 합치기
			공통 속성	설명
			border=""	테두리 라인
			width=""	넓이
			height=""	높이
			align=""	가로정렬
			valign=""	세로정렬

 

form 태그
태그	속성	속성값	설명
<form></form>			인풋요소를 감싸며, 정보를 서버와 주고받음
	action=""	url	서버 주소
	method=""		정보전달 방식
		get	정보값노출,전송 할 수 있는 데이터가 적음
		post	노출 안됨, 많은양의 정보 전송, 일반적으로 많이 쓰임

 

<input> 요소
태그	속성	속성값	설명
<input />
	type		타입설정
		text	한 줄 텍스트 입력
		password	패스워드 입력
		checkbox	중복체크
		radio	택1체크
		file	파일 업로드
		submit	값을 제출 하는 버튼
		reset	리셋 버튼
		button	버튼 (인풋 없이 <button></button>으로도쓰인다)
		image	이미지 버튼 (이미지 경로는 src="")
		hidden	노출하지 않지만 서버로 전송할 데이터
	name	이름	이름 (같은이름 존재 하면 안됨)
	size	글자수	글자 수 만큼의 넓이
	maxlength	글자수	최대 글자 수 제한
	checked	-	checkbox와 radio체크 표기
	value	값	기본으로 표시될값
<label></label>			인풋에 이름표(이름표만 클릭해도인픗에 포커스생김)