span 태그

span 태그를 사용하면 텍스트의 일부를 강조 표시할 수 있습니다. 태그 자체로는 아무것도 하지 않지만, class, id 또는 style 속성과 함께 사용하면 그 안에 있는 텍스트에 CSS로 접근할 수 있습니다(예를 들어, 텍스트 색상 변경, 크기 변경 등).

예시

span 태그를 사용하여 텍스트 조각을 강조 표시해 보겠습니다. 하지만 CSS 스타일이 지정되지 않았으므로 일반 텍스트와 동일하게 유지됩니다:

htmlthis is <span>text inside span</span>

Результат:

예시

이제 span 태그에 style 속성을 사용하여 빨간색을 지정해 보겠습니다:

htmlthis is <span style="color: red;">text inside span</span>,
and this is outside:)

Результат:

함께 보기