본문 바로가기

당신을 위한 정보

HTML 태그 윗첨자, 아래첨자 넣는 방법

HTML 태그 아래첨자 넣는 방법

수학, 과학 등 공학 관련 글을 작성하다 보면 윗첨자, 아래첨자를 넣을 일이 많습니다. 특히 화학의 경우 화학식을 쓰거나, 각종 단위를 쓸 때에 반드시 윗첨자, 아래첨자를 쓰게 되는데요. 특수기호를 사용하여 넣어도 되지만 보다 가독성을 높이기 위해서는 HTML 태그를 이용하여 윗첨자, 아래첨자를 넣어 주시는 것이 좋습니다. 아래첨자의 대표적인 예는 화학식에서 찾을 수 있는데요. 아래첨자로 넣어야 할 글자 양쪽을 sub태그로 감싸주면 됩니다. 구체적인 활용 예시는 아래 사진을 참고 하시면 되는데요, 아래첨자로 넣어야 할 숫자2 부분을 sub로 감싸주었습니다. sub는 subscript의 약자로, 아래에 적는 글자라는 뜻인데요. 흔히 영화관에서 보는 자막도 subscript라고 부릅니다.

HTML 태그 윗첨자, 아래첨자 넣는 방법
HTML 태그 윗첨자, 아래첨자 넣는 방법

HTML 태그 윗첨자 넣는 방법

윗첨자를 넣을 때에도 방법은 크게 다르지 않은데요. 윗첨자를 넣을 때에는 해당 부분을 sup태그로 감싸주면 됩니다. 위의 예시와 같이 단위를 사용 할 때, 혹은 제곱, 세제곱 등 수식을 넣을 때 주로 사용 하는데요. HTML 편집을 하면서 sup태그를 사용하여 앞뒤를 감싸주면 간단하게 윗첨자를 표현 할 수 있습니다.