HTML에서 위첨자(superscript) 텍스트를 표시하려면 <sup>...</sup> 태그를 사용합니다. 이 태그를 사용할 때는 시작 태그와 종료 태그가 모두 반드시 필요하다는 점을 기억하세요.
위첨자 텍스트의 특징
위첨자로 지정된 텍스트는 일반 텍스트 줄보다 약 절반 글자 높이만큼 위쪽에 위치하고, 일반 텍스트보다 작은 글꼴 크기로 표시됩니다.
위첨자 태그 사용 예제
아래 코드를 통해 HTML에서 위첨자 텍스트를 표시하는 방법을 직접 확인해 보세요. 이 예제에서는 <sup> 태그를 사용하여 2의 4제곱(2⁴) 값을 표현하고 있습니다.
<!DOCTYPE html> <html> <head> <title>HTML 텍스트 위첨자</title> </head> <body> <h1>제목</h1> <p> 값: 2 <sup>4</sup> = 16 </p> </body> </html>
실행 결과
위 코드를 실행하면 숫자 '4'가 '2' 오른쪽 위에 작은 크기로 올려져 표시되어, 수학의 거듭제곱 표기법처럼 자연스럽게 나타납니다.
참고: 아래첨자가 필요하다면?
반대로 텍스트를 아래로 내려 표시해야 하는 경우에는 <sub>...</sub> 태그를 사용하면 됩니다. 화학식(예: H₂O)이나 각주 번호 등을 표현할 때 유용합니다.