[HTML 기초] span 태그 활용하기

HTML 코드를 작성하다 보면 <SPAN> </SPAN> 형태의 태그를 많이 보셨을 텐데요, 이 SPAN 태그는 텍스트 단락 안에서 줄바꿈 가능 없이 특정 텍스트만 묶어서 스타일을 적용하려고 할 때 사용하는 태그입니다.

예를 들어, 텍스트 단락에서 특정 부분의 글자색을 지정하고 싶다면 SPAN 태그로 묶어서 색상을 지정할 수 있습니다.

아래와 같이 <SPAN> 내용 </SPAN> 태그를 활용하여 텍스트 단락의 일부분의 색상을 지정해보았습니다.

▲ html 무료 편집기 Notepad++ 를 사용하여 작성하였으며, notepad++ 다운 방법은 지난 포스팅을 참조해주세요.

http://amusinglife.tistory.com/63

▲ "날씨가 좋구나." 부분을 span 태그로 글씨 색상을 지정하여 위와 같이 표시된 것을 확인 하실 수 있습니다.

흔히 사용하지는 않지만, 알아두면 도움이 되는 텍스트 관련 태그들이 있는데요, 아래와 같이 정의되니까 참고하시길 바랍니다.

<code> : 파일이름 또는 컴퓨터 프로그램 등 컴퓨터가 인식할 수 있는 소스를 표시하는 태그

<sub> : 수학 식을 표현할 때 텍스트 아래 첨자를 표현하는 태그

<sup> : 수학 식을 표현할 때 텍스트 위 첨자를 표현하는 태그

<s> : 문서에서 특정 텍스트를 제거한다는 의미인 취소선을 나타내는 태그