221219 태그 정리

태그의 분류

• block 태그
  
  • block태그는 새로운 라인에서 시작되며, block태그 다음에 오는 모든 태그들은 새 라인에서 시작
  • block태그들은 css 속성 중 height width margin padding을 작성할 수 있다.
  • <p> / <div>
• inline 태그
  • inline태그들은 새 라인에서 시작하지 않고 현재 라인에서 시작
  • inline태그들은 css 속성 중 height width margin padding등의 속성을 적용할 수 없다.
  • <span>
• 쌍으로 된 태그
  • 태그의 시작과 끝이 따로 있어 시작과 끝 사이에 코드를 넣는 태그 : <태그> 코드내용 </태그>
  • <p> / <div> 등
• 쌍이 아닌 태그
  • 태그의 시작과 끝이 따로 없는 태그 : <태그 /> 또는 <태그>
  • <br /> / <input> 등

 

 

 

<p></p>

p태그

• 단락을 나눌 때 사용
• HTML에서는 엔터를 쳐서 여러문장을 입력하더라도 줄바꿈이 적용되지 않음
• p태그 안에서는 하나의 문장이 되고 p태그가 종료되면 단락이 된다.

 

<br />

br태그

• 줄바꿈

 

<b></b>

b태그

• 굵은 글씨로 표현해줌

 

<i></i>

i태그

• 이탤릭체 글씨 = 기울어진 글씨체로 표현함
• 아이콘 : fontawesome을 이용하여 아이콘을 표시할 때 사용

 

<h1></h1>
<h2></h2>
<h3></h3>
<h4></h4>
<h5></h5>
<h6></h6>

h태그

• 제목을 표시할 때 사용
• h뒤의 숫자가 커질수록 크기가 작아짐

 

<hr />

hr태그

• 구분선을 그림

 

<div></div>

div태그

• 상자를 만듦

 

<span></span>

span태그

• 요소 일부만 디자인이나 기능을 변경할 때 사용