HTML 공부하기 : Span 태그 알아보기

아래에 나타나는 글에서 중요부분만 포인트를 주려면 어떻게 할까?

아마 가장 먼저 생각하는 건 Div 태그 일 것이다.

 

그럼 Div 태그로 한번 구분을 해보자.

 

Div 태그로 구현은 했으나 글자가 구분되는 것을 볼 수 있다.

글이 같이 있어야하지만 Div는 내용물을 단독적인 새로운줄에 나타낸다.

 

그럼 붙여서 하려면 어떻게 할까?

---

Span tag 사용하기

 

Div태그를 Span으로 변경해보자

Span 태그와 Div 태그의 공통점은 다른 큰역활없이 요소를 묶어준다.

 

Span 태그와 Div 태그의 가장 큰 차이점은 Div태그는 글을 새로운 줄에 나타내고

 

Span은 글에 영향을 주지 않고 나눌 수 있다.

 

 

사용법 : 위에 실습한 거와 같이 특정 텍스트를 꾸며줄 때 span 태그를 사용한다.