본문 바로가기
티스토리 이모저모

티스토리(HTML) 위첨자, 아래첨자 입력하기

by 지각쟁이 2021. 4. 25.
반응형

 

목차

1. 위첨자, 아래첨자

2. 위첨자 표현하기 : sup

3. 아래첨자 표현하기 : sub


티스토리(HTML)을 작성하다보면,

가끔, 위첨자/아래첨자를 넣고 싶을 때가 있다.

 

하지만, 아무리 찾아봐도 해당 내용은 찾을 수가 없다.

 

티스토리의 '기본모드'에서는 해당 작업이 불가능하다.

 

'HTML'모드에서 수정해 주어야 하며,

지금부터 그 내용에 대해 다루어 보려고 한다.

 

 

1. 위첨자, 아래첨자

위첨자는 보통글씨보다 위쪽에 작게 쓴 글씨이다.

예를 들면, 3의 5승(3^5)을 표현할 때, 35 에서의 5가 위첨자이다.

 

아래첨자는 보통 글씨보다 아래쪽에 작게 쓴 글씨이다.

T1에서 1이 아래첨자의 예시이다.

 

 

2. 위첨자 표현하기 : sup

위첨자는 HTML에서 <sup>를 사용해서 나타낼수 있다.

 

이때, 'sub'는 정상적인 행 위에 쓴'이라는 의미의

'superscript'라는 단어의 약자이다.

 

위첨자로 표시하려는 글자를 <sup>로 감싸주면

첨자를 나타낼 수 있다.

 

<sup>[위첨자로 표시하려는 글자]</sup>

 

 

이탤릭 위첨자를 적용하고 싶을 때는,

<i> 또는 <em>을 <sup>과 함께 사용하면 된다.

즉, <i><sup>[글자]</sup></i> 또는

<em><sup>[글자]</sup></em> 을 적어준다.

 

 

3. 아래첨자 표현하기 : sub

아래첨자는 HTML에서 <sub>를 사용해서 표현할 수 있다.

여기서 'sub'는 '아래애 기입한'이라는 의미를 가진

'subscript'의 약자이다.

 

아래첨자로 표시하려는 글자를

위첨자와 동일한 방식으로,

<sub>으로 감싸주면 아래첨자로 표시된다.

 

아래첨자 사용예제는 아래와 같다.

이탤릭 아래첨자를 적용하고 싶을 때는,

위에서의 경우와 마찬가지로

<i> 또는 <em>을 <sub>과 함께 사용하면 된다.

 

 

반응형