Saturday, May 26, 2007
HTML-CSS] 제곱 지수 태그, 위첨자 아래첨자 태그, 로그의 밑; SUP SUB Tag
HTML 웹문서에서는, SUP 태그로 위첨자를 표현하고, SUB 태그로 아래첨자를 표현합니다.
거듭제곱을 표현하려면, 숫자의 오른쪽 상단 어깨에 작은 숫자를 쓰는데 SUP 태그로 가능합니다.
SUP SUB 태그는 XHTML 문법 규약에서도 여전히 유효합니다. 다만 일부 수학 상수를 이탤릭체로 표현할 때, <i></i> 태그보다는 font-style:italic 이라는 CSS스타일을 지정하는 것이 좋습니다.
파일명: example.html
위의 예제를 파일로 저장한 후 브라우저로 보면 아래와 같은 결과가 나옵니다:
거듭제곱을 표현하려면, 숫자의 오른쪽 상단 어깨에 작은 숫자를 쓰는데 SUP 태그로 가능합니다.
SUP SUB 태그는 XHTML 문법 규약에서도 여전히 유효합니다. 다만 일부 수학 상수를 이탤릭체로 표현할 때, <i></i> 태그보다는 font-style:italic 이라는 CSS스타일을 지정하는 것이 좋습니다.
작은 글씨로 제곱, 세제곱 등 표현 방법
파일명: example.html
3의 제곱 나타내기<br />
3<sup>2</sup>
<br /><br /><br /> <!-- 줄바꿈 -->
x의 세제곱 나타내기<br />
x<sup>3</sup>
<br /><br /><br />
5의 세제곱근 나타내기<br />
<sup>3</sup>√5 = 1.7099759466766968
<br /><br /><br />
오일러의 공식 나타내기<br />
<span style="font-style:italic">e</span><sup><span style="font-style:italic">i</span>π</sup> + 1 = 0
<br /><br /><br />
아래 첨자 나타내기<br />
x<sub>1</sub> + x<sub>2</sub>
<br /><br /><br />
로그의 밑 나타내기 (밑이 10인 상용로그)<br />
Log<sub>10</sub> 3 = 0.4771212547196624
3<sup>2</sup>
<br /><br /><br /> <!-- 줄바꿈 -->
x의 세제곱 나타내기<br />
x<sup>3</sup>
<br /><br /><br />
5의 세제곱근 나타내기<br />
<sup>3</sup>√5 = 1.7099759466766968
<br /><br /><br />
오일러의 공식 나타내기<br />
<span style="font-style:italic">e</span><sup><span style="font-style:italic">i</span>π</sup> + 1 = 0
<br /><br /><br />
아래 첨자 나타내기<br />
x<sub>1</sub> + x<sub>2</sub>
<br /><br /><br />
로그의 밑 나타내기 (밑이 10인 상용로그)<br />
Log<sub>10</sub> 3 = 0.4771212547196624
위의 예제를 파일로 저장한 후 브라우저로 보면 아래와 같은 결과가 나옵니다:
3의 제곱 나타내기
32
x의 세제곱 나타내기
x3
5의 세제곱근 나타내기
3√5 = 1.7099759466766968
오일러의 공식 나타내기
eiπ + 1 = 0
아래 첨자 나타내기
x1 + x2
로그의 밑 나타내기 (밑이 10인 상용로그)
Log10 3 = 0.4771212547196624
32
x의 세제곱 나타내기
x3
5의 세제곱근 나타내기
3√5 = 1.7099759466766968
오일러의 공식 나타내기
eiπ + 1 = 0
아래 첨자 나타내기
x1 + x2
로그의 밑 나타내기 (밑이 10인 상용로그)
Log10 3 = 0.4771212547196624
tag: html
HTML | CSS | 자바스크립트 JavaScript
tag: study
학습 | Study
<< Home