웹 페이지를 작성할때 가장 많이 사용되어지는 태그
- Block 형식 태그
DIV : 컨텐츠 내용들을 감쌀 수 있는 가장 커다란 박스 형식의 태그
<div>내용</div>
H1 : 문서의 제목 또는 로고등에 사용하는 태그 (제목태그로써 1 ~ 6 까지 존재하며 숫자가 커질수록 작은 제목을 의미합니다.)
<h1>제목</h1>
P : 문장을 나눌 수 있는 태그
<p>안녕하세요?</p>
UL : 순서가 없는 리스트 태그 - 네비게이션 등에 사용 할 수 있는 태그 (Li 와 함께 사용하여 리스트를 구성합니다.)
<ul>
<li>Menu</li>
<li>Menu</li>
<li>Menu</li>
<li>Menu</li>
</ul>
OL : 순서가 있는 리스트 태그 - 랭킹등의 순차가 필요한 경우 사용하는 태그 (Li 와 함께 사용하여 리스트를 구성합니다.)
<ol>
<li>1등</li>
<li>2등</li>
<li>3등</li>
<li>4등</li>
</ol>
DL : 정의 목록 태그 - DT 와 DD를 사용하여 내용/내용에 대한 설명을 작성할때 사용합니다.
<dl>
<dt>내용</dt>
<dd>내용에 대한 정의</dd>
</dl>
- Inline 형식 태그
BR : 문장의 줄을 바꿀때 사용합니다.
<p>
안녕하세요?<br />
반갑습니다.
</p>
SPAN : 아무런 의미를 가지지 않은 태그
<p>
안녕하세요?
<span>반갑습니다.</span>
</p>
STRONG : 글자를 굵게 표현할때 사용하는 태그
<p>
안녕하세요?
<strong>반갑습니다.</strong>
</p>
EM : 글자의 강조를 표현할때 사용하는 태그 (기울인 글씨)
<p>
안녕하세요?
<em>반갑습니다.</em>
</p>
A : 문서와 문서간에 연결을 위해 사용하는 태그
<p><a href="#">안녕하세요?</a></p>
IMG : 이미지를 넣기 위해 사용하는 태그
<p><img src="이미지 경로" alt="이미지" /></p>