구역을 나누는 태그

<div></div>
레이아웃을 만들거나 컨텐츠를 나누기 위해 사용

<p></p>
문단을 나타내기 위해 사용

<ul></ul>

순서가 지정되지 않은 항목의 리스트를 나타내기 위해 사용

<ol></ol>

순서가 지정된 항목의 리스트를 나타내기 위해 사용

<ul>과 <ol> 모두 항목을 나타내기 위해 <li> 태그를 사용

구역 내 콘텐츠 태그

<h1></h1> ~ <h6></h6>
제목을 나타내기 위해 사용 주로 <h1>과 <h2>를 사용

<hr>
문단 사이의 주제를 구분하기 위해 사용(아래처럼 구분선이 생김)
닫는 태그가 없음

---

<span></span>
자체로는 아무 기능이 없으나 스타일, 속성, 자바스크립트 등을 위한 범위를 나타내기 위해 사용

<a href="URL"></a> 메인 페이지
링크된 URL로의 이동을 위해 사용

<img src="이미지 주소">
페이지에 이미지를 삽입하기 위해 사용

<input type="text" />
<input type="password" />
<input type="checkbox" />
<input type="radio" />
...
사용자로부터 데이터를 입력받기 위해 사용

<button></button>
버튼을 표시하기 위해 사용(기본 속성은 submit)

<textarea></textarea>
여러 줄로 이루어진 텍스트 입력 필드를 나타내기 위해 사용