Las etiquetas que se utilizan para el texto son principalmente dos, una para los títulos y otra para los párrafos. Para los títulos se utiliza la etiqueta h que, seguida de un número del 1 al 6, determina el tamaño de la fuente y, por lo tanto, el énfasis del título. Aquí tienes un ejemplo de uso de la etiqueta H:

De esta manera, al atribuir el valor 1 a la etiqueta h, hemos asignado un valor a nuestro texto, transformándolo en un título. Como ya se mencionó, los valores que se pueden atribuir a la etiqueta h son 6 en total y no más, por lo que tendremos:

Claramente, el número 1 corresponde al tamaño mayor, y el número 6 al menor. Prueba a escribir el siguiente ejemplo y carga la página en tu navegador para darte cuenta de las diferencias de tamaño de las fuentes:

Este es el resultado que se obtiene:
<code>

 

Esta fuente es H1

Esta fuente es H2

Esta fuente es H3

Esta fuente es H4

Esta fuente es H5

Esta fuente es H6

Tras analizar la etiqueta para determinar el tamaño de los títulos, veamos ahora la etiqueta que determina el tamaño de los párrafos y de todo lo que no son títulos. Este tamaño se expresa en píxeles, que abreviado se escribe px, que no es más que el parámetro que especifica el tamaño de las fuentes. Este parámetro se completa con el tamaño numérico a atribuir a la fuente, por lo que tendremos 1px, 2px, 3px… y así sucesivamente, con la etiqueta font size que sirve precisamente para especificar el tamaño de la fuente. Veamos cómo expresar el tamaño en px en HTML:

font size=»7px»> Este es mi primer texto

Un poco de elasticidad no está mal, por lo que también podemos omitir el atributo px y el resultado será el mismo. Como habéis visto, la etiqueta h, que utilizamos para el título, funciona sola, es decir, engloba el texto sin muchas pretensiones. La etiqueta font size, en cambio, forma parte del comando que regula la fuente y debe incluirse precisamente en la etiqueta font face.

Pubblicato in HTML & CSS