오늘은 자주 사용하지 않는 두 개의 HTML 태그, 즉 서브 태그 및 SUP 태그를 충족시킬 것입니다.
정의 및 사용 : <sub> 태그는 첨자 텍스트를 정의 할 수 있습니다. <sup> 슈퍼 스크립트 텍스트를 정의 할 수 있습니다. 모두 인라인 요소에 속하며 기본적으로 현재 글꼴보다 약간 작습니다. 예:<! doctype html public- // w3c // dtd xhtml 1.0 transitional // en http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd>
<html xmlns = http : //www.w3.org/1999/xhtml>
<헤드>
<meta http-equiv = content-type content = text/html; charset = gb2312 />
<title> html </title>의 sub 및 sup 태그
<스타일 유형 = 텍스트/CSS>
* {글꼴 크기 : 12px; Font-Family : Tahoma}
</스타일>
</head>
<body>
<div>
이 태그는 <sub> sub </sub>입니다
이 태그는 <sup> sup </sup>입니다
</div>
</body>
</html>
비유로 배우십시오 :
수학 방정식의 이러한 효과가 어떻게 달성되는지 살펴 보겠습니다.
<! doctype html public- // w3c // dtd xhtml 1.0 transitional // en http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd>
<html xmlns = http : //www.w3.org/1999/xhtml>
<헤드>
<meta http-equiv = content-type content = text/html; charset = gb2312 />
<title> html </title>의 sub 및 sup 태그
<스타일 유형 = 텍스트/CSS>
* {글꼴 크기 : 12px; Font-Family : Tahoma}
</스타일>
</head>
<body>
<div>
x <sub> 1 </sub>+y <sub> 2 </sub> <sup> 3 </sup> = 15
</div>
</body>
</html>
기타 응용 프로그램 :우연히, 나는 Taobao가 얼마 전에 가격을 약간 수정했다는 것을 알았습니다 (이유는 모르겠지만 지금은 복원되었습니다).
<! doctype html public- // w3c // dtd xhtml 1.0 transitional // en http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd>
<html xmlns = http : //www.w3.org/1999/xhtml>
<헤드>
<meta http-equiv = content-type content = text/html; charset = gb2312 />
<title> html </title >>의 서브 및 SUP 태그
</head>
<스타일 유형 = 텍스트/CSS>
<!-
바디 {font : 12px/1.8 Tahoma}
Span.price {Font-Family : Arial, Helvetica, Sans-Serif; 글꼴 크기 : 16px; 글꼴 중량 : 700; 색상 : 빨간색;}
Span.price sub {수직-정상 : 기준선; 글꼴 크기 : 12px;}
span.price sup {vertical-align : text-bottom; 색상 :#555}
->
</스타일>
<body>
<span class = price> <sup> </sup> 43. <bub> 26 </sub> </span>
</body>
</html>
Sub 및 SUP 태그의 적용은 이에 국한되지 않지만 다른 HTML 태그에 대해서도 마찬가지입니다. 당신이 그들을 이해하고 우리의 생각과 상상력을 자극하는 한, 당신은 그것들을 능숙하게 사용하고 그들의 독특한 매력을 보여줄 수 있습니다.