기본 태그

* 문장의 구분이나 줄바꿈 등에 사용되는 태그

태그	기능	작성 예
<a>	하이퍼링크를 추가함. href 속성을 사용하여 링크할 URL을 지정할 수 있음. 다른 페이지뿐만 아니라 매일 주소나 페이지 안의 다른 장소도 링크할 수 있음.	<a href="a">여기</a>를 클릭
<h1>~<h6>	문장에 제목을 붙임. 숫자가 작을수록 큰 레벨을 가리킴.	<h1>그림책</h1>
<p>	단락을 나타냄. 달리 표시할 요소가 없는 경우에 사용하기를 권장함.	HTML <p>태그</p>란
<br>	줄바꿈을 나타냄. 줄을 바꿀 문장의 끝에 <br>이라고 씀. 종료 태그 </br>은 필요없음.	줄바꿈<br>합니다.
<ul>	번호가 없는 항목 쓰기의 범위를 나타냄. 항목은 <li>로 지정함.	<ul>  <li>aaa</li>  <li>bbb</li>  </ul>
<ol>	번호가 붙은 항목 쓰기의 범위를 나타냄. 항목은 <li>로 지정함.	<ol>  <li>aaa</li>  <li>bbb</li>  </ol>

* 여러 개의 문장을 하나의 단위로 묶는 태그

태그	기능	작성 예
<div>	콘텐츠의 단위를 나타냄. 요소의 전후에는 줄바꿈이 들어감. (이러한 요소를 '블록 요소'라고 함.)	문장1<div>문장2</div>문장3
<span>	콘텐츠의 단위를 나타냄. 요소의 전후에 줄바꿈이 들어가지 않음. (이러한 요소를 '인라인 요소'라고 함.)	wi<span>w2</span>w3

* 이미지를 표시하는 태그

태그	기능	작성 예
<img>	이미지를 표시함. src 속성에는 표시할 이미지의 파일명을 지정함. 이미지 형식은 PNG, GIF, JPEG를 사용함. 이미지가 없을 때 대신 표시할 문자열을 alt 속성을 사용하여 지정해 둠.	<img src=a.jpg>

내용 출처 : HTML5가 보이는 그림책 (ANK Co., Ltd 저, 성안당)