ubiquitour.com

Cómo hacer texto subíndice en HTML

Cuando el texto es subíndice, cuelga un poco más que el resto del texto en su misma línea. Al dar formato al texto como subíndice en HTML solía manejarse con un par de etiquetas de "< sub >", que ya no es el caso. Para separar todos los estilos de la estructura, este formato se trasladó a Cascading Style Sheets, un lenguaje de estilo con HTML. Después de agregar etiquetas "< span >" alrededor del texto que desee al subíndice, puede estilo utilizando el valor de "sub" de "vertical-align" en CSS. Una vez creado un nombre de clase con este código CSS, re-puede utilizarlo tantas veces como necesita dentro del código HTML.

Instrucciones

1 Abra su página Web en Bloc de notas o un editor de código.

2 Encontrar el contenido en el código HTML donde desea agregar el texto de subíndice:

< p > este es un párrafo que contiene subíndice texto. < /p >

3 Añadir un par de etiquetas "< span >" donde desee el texto subíndice aparezca. Coloque el texto en subíndice dentro de las etiquetas "< span >":

< p > este es un párrafo que se contiene el subíndice < span > < /span > texto. < /p >

4 Añadir un nombre de clase de "subíndice" a las etiquetas "< span >":

< p > este es un párrafo que contiene < span clase = "subíndice" > texto subíndice < / span >. < /p >

Puede dar el nombre la clase de cualquier cosa, pero un nombre como "subíndice" es más fácil de recordar y más significativos para cualquiera que necesite editar el código HTML.

5 Ir a las etiquetas "< head >" en el código HTML y encontrar un par de etiquetas de "< style >". Si no ves, agregar ahora:

< estilo tipo = "text/css" >< / estilo >

6 Crear una regla de estilo para "subíndice" dentro de las etiquetas "< style >":

< estilo tipo = "text/css" >{} subíndice}< / estilo >

7 Añadir "vertical-align: sub" a la regla de la clase de "subíndice". Esto hará que el texto de subíndice, pero también se necesita cambiar el tamaño del texto para hacerlo más pequeño. Cambiar el tamaño de fuente mediante la adición de "tamaño de fuente: menor":

< estilo tipo = "text/css" >{} subíndice

vertical-align: sub; font-size: smaller;

}< / estilo >

Consejos y advertencias

  • Si usted necesita más subíndice texto en la misma página HTML, agregue la clase "subíndice" dentro de "< span >" u otras etiquetas que rodean el texto.
  • Copia de la Página Web antes de hacer modificaciones, en caso de cometer un error y no puede encontrarlo más tarde.