* head 태그
<!doctype html> web browser에 web page 정확하게 rendering하기 위한 정보
<head>
<meta> 추가정보
<meta charset="UTF-8"> 문자 인코딩 방식
<title> 제목 </title>
<script> java script </script>
<link> 파일 연결 ex> css 파일 연결 </link>
<style> css </style>
<base> 기본정보 ex> 링크정보, blank
</head>
* body 태그
<body>
* 텍스트 꾸밈 태그
<h1>큰 글씨</h1>
<h2> </h2>
<h3> </h3>
<h4> </h4>
<h5> </h5>
<h6>작은 글씨</h6>
<b> 굵은 글씨 </b>
<strong> 글자 강조 </strong>
<i> 기울어진 글씨 </i>
<address> 기울어진 글씨 </address>
<small> 작은 글씨 </small>
<sub> 아래 붙는 작은 글씨 ex> O2 </sub>
<sup> 위에 붙는 작은 글씨 ex> 2의 제곱 </sup>
<ins> 밑줄 글씨 </ins>
<del> 삭제선 글씨 </del>
<font size="" face="글꼴" color=""> 폰트 </font>
* 하이퍼링크 태그
<a href="이동할 페이지의 경로"> 텍스트, 이미지에 하이퍼링크 </a>
<a href="#이동할 하이퍼링크 id"> 여기를 누르면 </a>
<a id="id"> 여기로 온다. </a>
<a href="페이지가 다르면 페이지 경로 추가가능#이동할 하이퍼링크 id">
다른페이지의 id 하이퍼링크로 이동 </a>
<a target="_self">이 창에 열기(default)</a>
<a target="_blank">새 창에 열기</a>
<a target="_parent">부모 프레임에 열기</a>
<a target="_top">이 창에 전체화면으로 열기</a>
* 테이블 태그
<table> 테이블
<caption>설명 달기</caption>
<thead> 테이블 머리 고정
<tr>행 태그
<th>제목 셀 내용1</th>
<th>제목 셀 내용2</th>
</tr>
</thead>
<tfoot> 테이블 발 고정
<tr>행 태그
<td>셀 내용1</td>
<td>셀 내용2</td>
</tr>
</tfoot>
<tbody> 테이블 몸 이동
<tr>행 태그
<td colspan="합칠 열의 수">셀 내용1</td>
<td rowspan="합칠 행의 수">셀 내용2</td>
</tr>
</tbody>
</table>
* 리스트 태그
<ol> 숫자 순서 있는 리스트
<li>리스트1</li>
<li>리스트2</li>
</ol>
<ul> 순서 없는 리스트
<li>리스트1</li>
<li>리스트2</li>
</ul>
* 문단 분리 태그
<p> 문단분리 문단간 여백 존재 </p>
<div> 문단분리 문단간 여백 없음 문장 내용에 개행이 있다면 적용됨 </div>
<span> 문단분리 문단간 여백 없음 문장 내용에 개행이 있다면 적용안됨 </span>
<pre>문장에 포함된 줄바꿈 여백 그대로 표현</pre>
<hr/> 라인생성
<br/> 다음 문단으로 이동
* 이미지 태그
<img src="이미지파일 경로" align="" alt="이미지가 없을 때 나올 텍스트" width="" height="">
* 특수문자 태그
< : <
> : >
& : &
" : "
space(공백) :
</body>
* form 태그
<form method="post"(http로 데이터전송) name="" action="데이터를 처리할 프로그래밍문서"
method="get"(url로 데이터전송-보안취약, default)> 서버에 데이터 전송
<input type="text" name="" value="" id="" size="" maxlength="" placeholder="안내문구"/> 텍스트 입력창
<input type="number" name="" value=""/> 숫자 입력창
<input type="password" name="" value=""/> 패스워드 입력창
<textarea name="" id="" rows="행 수" cols="열 수">여러줄 텍스트 입력 창</textarea>
<input type="radio" name="radio" value="" checked /> 라디오 선택 창
<input type="radio" name="radio" value="" checked /> 단일 선택만 가능, name이 같으면 같은 그룹
<input type="checkbox" name="checkbox" value="" checked /> 체크박스
<input type="checkbox" name="checkbox" value="" checked /> 다중선택가능, name이 같으면 같은 그룹
<select name="" id="" option="" size="" multiple="multiple">
<option value="">목록1</option>
<option value="">목록2</option>
</select>
<input type="button" id=""/> 버튼
<input type="submit" value="" /> 전송 버튼
<input type="reset" value="" /> 취소 버튼
<input type="date" name=""/> 날짜 선택창
<input type="file" name="" /> 파일 load 버튼
<input type="hidden" name="" id="" value="" />
<fieldset> 묶음 상자
<legend></legend> 묶음 상자 제목
</filedset>
</form>