La etiqueta font es una de las etiquetas principales del lenguaje de marcado HTML, que est dise ada para especificar varias opciones de formato de texto, incluida la fuente. El uso de esta etiqueta le permite crear p ginas web elegantes y est ticas, llamando la atenci n sobre ciertos elementos del texto. En este art culo, veremos las opciones b sicas de formato de fuente etiqueta: Tama o, color y cara, as como las reglas para su uso.
La etiqueta font se usa dentro de otras etiquetas para especificar las opciones de formato de fuente. Por ejemplo, si desea cambiar el Tama o y el color del texto de un p rrafo, escriba el siguiente marcado:
Texto del p rrafo
.
- Opciones b sicas de formato de fuente
- Tama o, estilo y color
- Alineaci n e intervalos
- Efectos de texto
- Etiquetas de fuente para t tulos y p rrafos
Opciones b sicas de formato de fuente
Al trabajar con texto en HTML, debe conocer las opciones b sicas de formato de fuente que le permiten controlar su apariencia. Considere algunos de ellos:
- font-family-define la fuente del texto. Puede especificar varias Fuentes como alternativa especific ndolas separadas por comas. Los significados m s comunes son "Arial", "Helvetica", "Times New Roman"y " Verdana".
- font-size-establece el Tama o de fuente. Puede utilizar diferentes unidades de medida, como p xeles (px), porcentajes (%) o unidades relativas (em).
- font-weight-determina la saturaci n de la fuente. El valor "normal "corresponde a la saturaci n est ndar, mientras que" bold " corresponde a la amplificada. Tambi n puede usar valores num ricos entre 100 y 900, donde 400 corresponde a la fuente normal y 700 a la negrita.
- font-style-especifica el estilo de fuente. El valor " normal "corresponde al estilo normal, mientras que" It lico " corresponde a la cursiva.
- text-decoration-define la decoraci n del texto. El valor " ninguno "anula todos los efectos, mientras que" underline "y" line-through " agregan subrayado y tachado, respectivamente.
- color-establece el color del texto. Puede usar diferentes valores, como nombres de color (por ejemplo, "red", "blue"), c digos de color (por ejemplo, "#FF0000") o valores rgba (por ejemplo, " rgba(255, 0, 0, 0.5)").
Ejemplo:
Este texto se muestra en una fuente Arial de 16 p xeles, con saturaci n realzada y cursiva, subrayado y rojo.
Con las opciones de formato especificadas, puede controlar la apariencia del texto en HTML y crear elementos estilizados nicos.
Tama o, estilo y color
Tama o:
El atributo font-size se utiliza para establecer el Tama o del texto. Puede tomar diferentes valores, como unidades absolutas (px, pt, cm), valores relativos ( % , em), as como palabras clave como small, medium, large.
Estilo:
- El atributo font-style se utiliza para cambiar el estilo del texto. Puede tomar los valores normal( normal), It lico (cursiva) y oblique (oblicuo).
- Color:
- El atributo color se usa para cambiar el color del texto. Puede tomar diferentes valores, como nombres de color (por ejemplo, rojo, azul, verde), valores de color hexadecimales (por ejemplo, #FF0000, #00FF00, #0000ff) o valores en formato RGB (por ejemplo, rgb(255, 0, 0), rgb(0, 255, 0), rgb(0, 0, 255)).
- Al combinar estas opciones, puede crear estilos nicos para el texto de la p gina web e impresionar a los usuarios.
Alineaci n e intervalos
Hay cuatro opciones de alineaci n:
center-el texto se alinea en el centro;
justify-el texto est alineado en ancho.
Tambi n un par metro importante es el espaciado de l nea. El interlineado determina la distancia entre l neas de texto. Se puede especificar en p xeles, porcentajes o en relaci n con el Tama o de fuente.
Ejemplos de asignaci n de alineaci n e interlineado:
p {
text-align: left;
line-height: 2;
}
Efectos de texto
En el marcado HTML, puede usar varias capacidades de estilo para crear efectos de texto. Esto ayuda a que su texto sea m s expresivo y atractivo para el lector. Los siguientes son algunos de los posibles efectos.