HTML에서 첨자 텍스트 표시하기: sub 태그 사용법

HTML에서는  태그를 사용하여 첨자(subscript) 텍스트를 만들 수 있습니다. 첨자 텍스트는 일반 텍스트보다 작은 크기로 표시되며, 기준선 아래쪽에 위치합니다.

sub 태그란?

HTML의  태그는 수학 공식이나 화학식처럼 아래 첨자가 필요한 텍스트를 정의할 때 사용됩니다. 예를 들어 다음과 같이 표현할 수 있습니다.

x<sub>1</sub> + x<sub>2</sub>

예제

아래 코드를 실행하면 HTML에서 아래 첨자 텍스트가 실제로 어떻게 표시되는지 확인할 수 있습니다.

<!DOCTYPE html>
<html>
    <head>
        <title>HTML sub Tag</title>
    </head>
    <body>
        x<sub>1</sub> + x<sub>2</sub> = 17
    </body>
</html>

참고: 윗첨자 표시하기

반대로 윗첨자(superscript)를 표시하고 싶다면  태그를 사용하면 됩니다. 예를 들어 지수 표현인 x²는 x2로 작성할 수 있으며, 물의 화학식 H₂O는 H2O와 같이 나타낼 수 있습니다. 이 두 태그를 적절히 활용하면 학술적·과학적 내용을 웹 페이지에서 더욱 명확하게 전달할 수 있습니다.