[HTML] 제곱, 화학식 표현하기

코드 예제

 

위에 붙여서 표현하는 <sup>, 태그 아래에 붙여서 나타나는 <sub> 태그가 존재합니다.

 

코드

html
x<sup>2</sup> =64

5<sup>th</sup>

<sup> 태그를 사용해면 일반 텍스트보다 작은 글자가 위에 표시됩니다.

 

html
x<sub>1</sub> ... x<sub>2</sub>

5<s>n+2</sub>

H<sub>2</sub>
O<sub>2</sub>
H<sub>2</sub>O

<sub> 태그를 사용해면 일반 텍스트보다 작은 글자가 아래에 표시됩니다.

 

타이포그래피적인 이유에 맞춰서만 사용해야 하며, 그 외는 vertical-align: (super, sub) 속성으로 대신할 수 있습니다.

 

참고자료

https://developer.mozilla.org/ko/docs/Web/HTML/Element/sup

<sup>: 위 첨자 요소 - HTML: Hypertext Markup Language | MDN

 

https://developer.mozilla.org/ko/docs/Web/HTML/Element/sub

<sub>: 아래 첨자 요소 - HTML: Hypertext Markup Language | MDN