HTML 치트 시트

HTML (HyperText Markup Language)은 웹 페이지를 만들기 위한 표준 마크업 언어입니다.

문서 개요


	(X)HTML 버전을 선언합니다
<html>	문서의 시작점과 끝점을 정의합니다
<head>	문서의 헤더를 정의합니다
<body>	문서의 본문을 정의합니다

주석

<!-- Comment Text -->

페이지 정보


<base>	기본 주소
<meta>	메타데이터
<title>	제목
<link>	관련 리소스
<style>	스타일 리소스
<script>	스크립트 리소스

문서 구조


<h1> ~ <h6>	제목
<div>	페이지의 구획 또는 섹션
<span>	문서 내의 인라인 요소를 그룹화하는 데 사용됩니다
<p>	단락
<br>	줄바꿈
<hr>	수평선

링크


<a href="">	페이지 링크
<a href=“mailto:”>	이메일 링크
<a name=“name”>	앵커 (사용 중단됨)
<a href="#name">	앵커로 링크

텍스트


<strong>	중요한 텍스트
<em>	강조된 텍스트
<blockquote>	블록 인용
<q>	짧은 인용
<abbr>	약어
<acronym>	두문자어 (사용 중단됨)
<address>	연락처 정보
<pre>	사전 형식화된 텍스트
<dfn>	정의 용어
<code>	코드 스니펫
<cite>	인용 (출처)
<del>	삭제된 텍스트
<ins>	삽입된 텍스트
<sub>	아래 첨자
<sup>	위 첨자
<bdo>	텍스트 방향 재정의


<ol>	순서 있는 목록
<ul>	순서 없는 목록
<li>	목록 항목
<dl>	설명 목록
<dt>	설명 용어
<dd>	설명 상세

양식 (Form)


<form>	양식
<fieldset>	요소 그룹화
<legend>	그룹 제목
<label>	입력 라벨
<input>	양식 입력
<select>	선택 목록
<optgroup>	옵션 그룹
<option>	선택 옵션
<textarea>	여러 줄 텍스트 입력
<button>	버튼

표 (Table)


<table>	표
<caption>	표 제목
<thead>	표 헤더
<tbody>	표 본문
<tfoot>	표 푸터
<colgroup>	열 그룹
<col>	표 열
<tr>	표 행
<th>	헤더 셀
<td>	데이터 셀

이미지


<img>	이미지
<map>	이미지 맵
<area>	맵 영역

객체


<object>	객체
<param>	매개변수

핵심 속성


class	style
id	title

언어 속성


dir	lang

핵심 속성은 base, head, html, meta, param, script, style 또는 title 요소와 함께 사용할 수 없습니다.

키보드 속성


accesskey	tabindex

언어 속성은 base, br, frame, frameset, hr, iframe, param 또는 script 요소에서 사용할 수 없습니다.

이벤트

윈도우 이벤트


onload	onunload

양식 이벤트


onblur	onreset
onchange	onselect
onfocus	onsubmit

키보드 이벤트


onkeydown	onkeyup
onkeypress

마우스 이벤트


onclick	onmouseout
ondblclick	onmouseover
onmousedown	onmouseup
onmousemove