HTML 기본 가이드

HTML 미디어

HTML 참조 매뉴얼

HTML5 기본 가이드

HTML5 API

HTML5 미디어

HTML 비디오（Video）재생 HTML URL

HTML 빠른 목록

HTML 빠른 검색 목록. 로컬에 저장하거나 인쇄하여 기억하고 일상 사용하기 편리합니다.

HTML 기본 문서

<!DOCTYPE　html>
<html>
<head>
<title>문서 제목</title>
</head>
<body>
보이는 텍스트...
</body>
</html>

기본 태그(Basic Tags)

<h1>가장 큰 제목</h1>
<h2>　.　.　.　</h2>
<h3>　.　.　.　</h3>
<h4>　.　.　.　</h4>
<h5>　.　.　.　</h5>
<h6>가장 작은 제목</h6>
　
<p>이는 문단입니다.</p>
<br>　(줄 바꿈)
<hr>　(수평선)
<!--　이는 주석입니다　-->

텍스트 포맷팅(Formating)

<b>粗体文本</b>
<code>컴퓨터 코드</code>
<em>강조 텍스트</em>
<i>이탈림 텍스트</i>
<kbd>키보드 입력</kbd>　
<pre>예제 텍스트</pre>
<small>더 작은 텍스트</small>
<strong>중요한 텍스트</strong>
　
<abbr>　(약자)
<address>　(연락 정보)
<bdo>　(문자 방향)
<blockquote>　(다른 출처에서 인용된 부분)
<cite>　(작업의 이름)
<del>　(삭제된 텍스트)
<ins>　(삽입된 텍스트)
<sub>　(하표 텍스트)
<sup>　(상표 텍스트)

링크(Links)

일반 링크：<a　href="http://www.example.com/">링크 텍스트</a>
이미지 링크：　<a　href="http://www.example.com/><img　src="URL"　alt="대체 텍스트"></a>
이메일 링크：　<a　href="mailto:[email protected]">e메일 보내기-메일</a>
북마크：
<a　id="tips">튜토리얼 부분</a>
<a　href="#tips">건너뛰기 튜토리얼 부분</a>

이미지(Images)

<img　src="URL"　alt="대체 텍스트"　height="42"　width="42">

스타일/스타일(Styles/구절(Sections)

<style　type="text/css">
h1　{color:yellow;}
div{background:#f9f9f9;}
p　{color:green;}
</style>
<h1>H1웹 제목</h1>
<div>문서 내 블록 요소</div>
<p>문서 내 인라인 요소</p>

비정렬 목록

<ul>
　　　　<li>항목</li>
　　　　<li>항목</li>
</ul>

정렬 목록

<ol>
　　　　<li>첫 번째 항목</li>
　　　　<li>두 번째 항목</li>
</ol>

정의 목록

<dl>
　　<dt>항목　1</dt>
　　　　<dd>설명 항목　1</dd>
　　<dt>항목　2</dt>
　　　　<dd>설명 항목　2</dd>
</dl>

표(Tables)

<table　border="1">
　　<tr>
　　　　<th>표 제목</th>
　　　　<th>표 제목</th>
　　</tr>
　　<tr>
　　　　<td>표 데이터</td>
　　　　<td>표 데이터</td>
　　</tr>
</table>

프레임워크(Iframe)

<iframe　src="demo_iframe.htm"></iframe>

양식(Forms)

<form　action="demo_form.php"　method="post/get>
<input　type="text"　name="email"　size="40"　maxlength="50">
<input　type="password">
<input　type="checkbox"　checked="checked">
<input　type="radio"　checked="checked">
<input　type="submit"　value="보내기">
<input　type="reset">
<input　type="hidden">
<select>
<option>javascript기본教程</option>
<option　selected="selected">html기본教程</option>
<option>css기본教程</option>
</select>
<textarea　name="comment"　rows="60"　cols="20"></textarea>
　
</form>

엔티티（Entities）

<　동의합니다　<
>　동의합니다　>
©　동의합니다　©

HTML 비디오（Video）재생 HTML URL