HTML 태그는 위 첨자 텍스트를 지정합니다. 이것은 텍스트 줄의 맨 위에 나타나는 텍스트입니다. 태그는 아래 첨자 텍스트를 나타냅니다. 이것은 텍스트 줄의 맨 아래에 나타나는 텍스트입니다.
대부분의 경우 텍스트는 전통적인 기준선과 x 높이를 갖습니다.
이 문서의 이 시점까지 이 텍스트의 모든 내용에는 기준선이 있습니다. 이 기준선은 기본적으로 1과 x 높이로 형식을 지정하면 밑줄이 표시되는 지점입니다. x-높이는 소문자가 끝나는 가상선입니다. 공백을 채우므로 소문자 x에서 이름을 가져옵니다.
이 가이드에서는 HTML에서 아래 첨자와 위 첨자를 정의하는 방법에 대해 이야기할 것입니다. 코드에서 사용하는 방법을 배울 수 있도록 이러한 각 텍스트 서식 항목의 예를 살펴보겠습니다.
위 첨자 및 아래 첨자 텍스트는 언제 사용됩니까?
설정된 텍스트 아래 또는 위의 반 문자인 문자를 사용하고 싶을 때가 있습니다. 첨자는 텍스트 아래 반 문자로 설정된 문자입니다. 위 첨자는 텍스트 위의 반 문자로 설정된 문자입니다.
실제 환경에서 예를 들어 수학 방정식, 화학 방정식, 인용 또는 각주를 사용할 때 이러한 문자를 사용합니다.
HTML 슈퍼텍스트
HTML에서 슈퍼 텍스트를 만들려면 태그를 사용하십시오. 이 태그는 안에 포함된 모든 텍스트를 줄의 맨 위로 올립니다. sup 태그에는 태그별 속성이 없습니다.
이 메서드의 구문을 살펴보겠습니다.
참가자의 81%는 부트캠프에 참석한 후 기술 직업 전망에 대해 더 자신감을 느꼈다고 말했습니다. 지금 부트캠프에 참여하십시오.
부트캠프 졸업생은 부트캠프 시작부터 첫 직장을 찾는 데까지 6개월도 채 걸리지 않았습니다.
<p>4 <sup>2</sup> = 16</p>
태그 안에 "2" 문자를 넣었습니다. 이렇게 하면 위 첨자에 "2"가 표시됩니다. 이제 코드가 다음과 같이 표시됩니다.
4 ² =16
HTML 하위 텍스트
HTML 명령은 하위 텍스트를 정의합니다. 하위 텍스트는 텍스트 줄의 맨 아래에 표시되는 텍스트를 나타냅니다.
다음 구문을 고려하십시오.
<p>This is main text. <sub>3</sub></p>
코드 반환:
본문입니다. ₃
수퍼 텍스트 예제에서와 같이 에 대한 태그 속성을 지정하지 않았습니다. 텍스트를 하위 텍스트로 이동하려면 해당 텍스트를 태그로 묶습니다.
하위 텍스트는 종종 원소 주기율표의 원소 번호를 설명하는 데 사용됩니다.
HTML 하위 텍스트 및 상위 텍스트 예
HTML 웹 페이지에서 와 의 예를 살펴보겠습니다. 다음 코드를 고려하십시오.
<!DOCTYPE html>
<html lang="en">
<head>
<style>
</style>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Superscript and Subscript</title>
<style>
sub {
vertical-align: sub;
font-size: smaller;
}
sup {
vertical-align: super;
font: smaller;
}
</style>
</head>
<body>
<div style="text-align:center;" class="container">
<div>
<h3>Superscript</h3>
<span>E=MC<sup>2</sup></span>
<br />
<span>1.7 x 10<sup>4</sup></span>
</div>
<div>
<h3>Subscript</h3>
<span>H<sub>2</sub>O</span>
<br />
<span><sup>†1</sup>Ipsum, Lorem. Footnote example, 2020.</span>
</div>
</div>
</body>
</html>
보시다시피 을 사용합니다. 그리고 에 효과를 만드는 아래 첨자 태그 및 위 첨자 태그 HTML 요소. 일부 기본값과 함께 제공됩니다.
<style>
sub {
vertical-align: sub;
font-size: smaller;
}
sup {
vertical-align: super;
font: smaller;
}
</style>
두 태그 모두 HTML에서 사용할 수 있는 이벤트 및 전역 속성을 사용합니다. 기본적으로 이것은 누군가가 텍스트를 클릭하는 경우 이벤트 핸들러를 설정할 수 있음을 의미합니다.
또한 일반 HTML 속성을 사용하여 요소를 사용자 정의할 수 있습니다. W3Schools에서 작성한 글로벌 속성 목록에서 사용할 수 있는 일반 HTML 속성 목록을 찾을 수 있습니다.
결론
HTML 요소는 텍스트 단락에 하위 텍스트를 추가합니다. 하위 텍스트는 텍스트 줄의 맨 아래에 나타납니다. 은 텍스트에 슈퍼 텍스트를 추가하여 텍스트 줄의 맨 위에 표시됩니다.
그게 다야! 이제 HTML에서 위 첨자와 아래 첨자를 성공적으로 만들 수 있습니다.
HTML에 대해 더 알고 싶으십니까? 최고의 온라인 과정과 책에 대한 전문가 팁과 지침을 보려면 전체 HTML 학습 방법 가이드를 확인하세요.