HTML로 숫자의 제곱을 표현해보자. 한글이나 워드를 쓰면서도 고민하게 되는 부분이다.
<sup>태그를 이용하면 HTML에서는 간단하다.
비슷한 유형의 태그로는 <sub>태그가 있는데 이 녀석은 태그 안의 내용을 아래에 붙여 준다. 두 가지 태그를 각각 윗 첨자, 아래 첨자라고도 하는데 첨자라는 표현이 익숙하지 않으면 그냥 태그명으로 부르자.
x<sup>3</sup>=27
<br>
5 <sub>n+1</sub>
<SUP> 태그 사이의 숫자 3이 x의 세제곱 형태로 표현이 되었다. 형태를 출력 한 것이지 실제로 저렇게 계산이 되는 건 아니니 기억해두자.
태그를 많이 알고 있으면 빠른 업무에 도움이 되지만 반드시 외울 필요는 없다. 자주 쓰는 태그는 사용하면서 자연스럽게 암기가 될 것이고 다른 것들은 http://www.w3schools.com 사이트를 활용하면 금방 찾을 수 있다.
처음부터보기: [문돌이의 IT] HTML의 기본골격
'문돌이의 IT > HTML&CSS' 카테고리의 다른 글
[문돌이의IT] 자주 사용하는 CSS속성으로 HTML 표꾸미기 (0) | 2016.01.16 |
---|---|
[문돌이의IT] <table>, <tr>, <td>태그 활용해서 HTML 표만들기 (0) | 2016.01.15 |
[문돌이의IT]HTML 문서에 링크 거는 두 가지 방법 <a href> (0) | 2016.01.13 |
[문돌이의IT]HTML 목록 지정하는 <ol>, <ul>, <li>태그 (0) | 2016.01.10 |
[문돌이의IT]HTML 기울기 효과를 주는 <i>, <address>, <cite>태그의 차이점 (0) | 2016.01.09 |