수익형 블로그 운영

티스토리 블로그 위첨자/아래첨자 넣기

부추차 2022. 10. 17. 11:19
반응형
위 첨자 적용 : HTML 모드에서 텍스트 앞 뒤에 <sup>텍스트</sup> 넣기 ex) 적용 예시입니다텍스트
아래 첨자 적용 : HTML 모드에서 텍스트 앞 뒤에 <sub>텍스트</sub> 넣기 ex) 적용 예시입니다텍스트

티스토리 블로그 편집기에는 위 첨자나 아래첨자를 넣을 수 있는 기능이 없습니다. 상황에 따라 비고 등을 표시하기 위해 필요할 때가 있어 적용 방법을 공유하고자 합니다. 글쓰기 모드에서 상단의 기본모드를 HTML 모드로 변경한 후 위첨자는 <sup> 태그를, 아래첨자는 <sub> 태그를 씌우면 됩니다.


위첨자 넣기

우선 블로그 글쓰기 모드에서 본문에 원하는 내용을 기합니다. 예시로 '위 첨자 넣기 텍스트'라는 글을 써넣었습니다. 위 첨자를 적용하기 위해서는 오른쪽 상단의 HTML 모드로 진입해야 합니다.

 

HTML 모드에 진입하는 모습입니다.

HTML 모드로 진입하면 아래와 같이 화면이 바뀝니다. 바뀐 모드에서 위첨자를 적용하고 싶은 텍스트를 찾습니다. 지금은 텍스트 내용이 적어서 찾기 쉽지만 내용이 많다면 'Ctrl + F'로 텍스트를 찾으면 빠르게 찾을 수 있습니다.

HTML 모드에서 위첨자 적용 대상 텍스트를 찾는 모습입니다.

원하는 텍스트를 찾았다면, 해당 텍스트 앞쪽에 <sup>를, 뒤쪽에 </sup>를 입력합니다.

HTML 모드에서 위첨자를 적용할 텍스트에 &lt;sup&gt; 태그를 씌우는 모습입니다.

<sup> 태그를 입력한 후에 기본 모드로 돌아와 위 첨자가 적용되었는지 확인합니다. 아래와 같이 텍스트라는 글에 위첨자가 적용된 것을 확인할 수 있습니다.

위첨자를 적용한 예시입니다.

 

아래 첨자 넣기

위 첨자를 넣을 때와 동일하게 HTML 모드에 접근한 다음 원하는 텍스트 앞에 <sub>를 텍스트 뒤에 </sub>를 넣으면 됩니다. 아래와 같이 텍스트라는 글자가 아래 첨자로 표기된 것을 확인할 수 있습니다.

아래첨자를 적용한 예시입니다.

반응형