[HTML] 위첨자, 아래첨자 표현하기

HTML에서 위첨자, 아래첨자 표현하기

위첨자란 보통크기의 글씨 위에 작게 쓴 글씨를 말한다.

아래첨자란 보통크기의 글씨 아래에 작게 쓴 글씨를 말한다.

주로 수학식이나 화학기호를 표현하거나,

단락에서 주석을 표시할 때 많이 쓰이는 방식이다.

HTML에서 이러한 위첨자, 아래첨자를 표현하는 방법을 알아보자.

HTML에서 위첨자 표현하기 <sup>

See the Pen html example by anna (@hianna) on CodePen.

<sup>는 '위첨자', '위에 쓴'이라는 뜻의 영어 단어 'superscript'의 약자이다.

위와 같이 위첨자로 표시하려는 글자를 <sup> 태그로 감싸주면 된다.

HTML에서 아래첨자 표현하기 <sub>

See the Pen html example by anna (@hianna) on CodePen.

<sub>는 '아래첨자', '아래에 쓴'이라는 뜻의 영어 단어 'subscript'의 약자이다.

위와 같이 아래첨자로 표시하려는 글자를 <sub> 태그로 감싸주면 된다.

이탤릭체와 위첨자 또는 아래첨자를 동시에 적용하고 싶다면?

See the Pen html example by anna (@hianna) on CodePen.

위와 같이 중복으로 <i>또는 <em>태그와 <sup><sub> 태그를 동시에 써주면 된다.