Hoy conoceré dos etiquetas HTML que no uso muy a menudo: etiquetas sub y Sup.
Artículos relacionados: Etiquetas HTML: Optroup, Sub, SUP y BDO
Hoy conoceré dos etiquetas HTML que no uso muy a menudo: etiquetas sub y Sup.
Definición y uso:La etiqueta <Sub> puede definir el texto del subíndice. <sup> puede definir el texto superíndice. Todos pertenecen a elementos en línea, y por defecto, son ligeramente más pequeños que la fuente actual.
ejemplo:<
<html xmlns = http: //www.w3.org/1999/xhtml>
<Evista>
<meta http-oquiv = content-type content = text/html; Charset = GB2312 />
<title> SUB y SUP Etiquetas en HTML </title>
<estilo type = text/css>
* {font-size: 12px; Font-Family: Tahoma}
</style>
</ablo>
<Body>
<div>
Esta etiqueta es <sub> sub </sub>
Esta etiqueta es <up> sup </sup>
</div>
</body>
</html>
Aprender por analogía:Echemos un vistazo a cómo se logra este efecto de las ecuaciones matemáticas.
<
<html xmlns = http: //www.w3.org/1999/xhtml>
<Evista>
<meta http-oquiv = content-type content = text/html; Charset = GB2312 />
<title> SUB y SUP Etiquetas en HTML </title>
<estilo type = text/css>
* {font-size: 12px; Font-Family: Tahoma}
</style>
</ablo>
<Body>
<div>
X <Sub> 1 </sub> y <sub> 2 </sub> <up> 3 </sup> = 15
</div>
</body>
</html>
Otras aplicaciones:Por casualidad, descubrí que Taobao había hecho algunas modificaciones al precio hace algún tiempo (no sé por qué, pero ahora se ha restaurado), que es diferente del rendimiento tradicional de precios antes.
<
<html xmlns = http: //www.w3.org/1999/xhtml>
<Evista>
<meta http-oquiv = content-type content = text/html; Charset = GB2312 />
<title> Sub y SUP Etiquetas en HTML </title>>
</ablo>
<estilo type = text/css>
<!-
Cuerpo {Font: 12px/1.8 Tahoma}
span.price {Font-Family: Arial, Helvetica, Sans-Serif; tamaño de fuente: 16px; Font-peso: 700; Color: rojo;}
span.price sub {vertical-align: base; tamaño de fuente: 12px;}
span.price sup {vertical-align: text-bottom; Color:#555}
->
</style>
<Body>
<Span Class = Price> <up> ￥ </up> 43. <Sub> 26 </sub> </span>
</body>
</html>
Creo que la aplicación de etiquetas SUB y SUP no se limita a esto, pero lo mismo es cierto para otras etiquetas HTML. Mientras los comprenda y estimule nuestro pensamiento e imaginación, puede usarlos de manera competente y mostrar su encanto único.