HTML proporciona varias formas de cambiar el Tama o de fuente en una p gina web. Una de ellas es hacerla peque a. Esto puede ser til en una variedad de ocasiones: por ejemplo, si desea centrarse en cierta informaci n o crear un dise o llamativo. En este art culo, veremos algunas formas simples de hacer que la fuente sea peque a en HTML.
1. Uso de la etiqueta
La etiqueta le permite Mostrar texto en un Tama o de fuente m s peque o. Simplemente Envuelva el texto deseado en y ci rrelo con una etiqueta . Por ejemplo:
Texto peque o
2. Establecer el Tama o de fuente en CSS
Si necesita controlar el Tama o de fuente con mayor precisi n, puede usar CSS. Para ello, aplique el estilo al elemento o clase que desee. Por ejemplo:
Texto peque o
3. Usando la clase CSS
Para un estilo de texto peque o m s flexible y reutilizable, puede definir una clase CSS. Luego aplique esta clase al elemento deseado. Por ejemplo:
Texto peque o
- HTML: formas f ciles de hacer letra peque a
- Uso de la etiqueta
- Establecer la propiedad font-size en CSS
- Uso del atributo size en la etiqueta
- Cambiar el Tama o de fuente con p xeles
- Aplicar estilos a un elemento con CSS en l nea
- Cambiar el Tama o de fuente con porcentajes
HTML: formas f ciles de hacer letra peque a
Si necesita hacer que la fuente de texto en su p gina web sea peque a, hay algunas formas f ciles de lograr esto con HTML.
1. Use la etiqueta para reducir el Tama o de fuente. Por ejemplo, si desea que su texto sea superficial, enci rrelo en una etiqueta de la siguiente manera:
Tu peque o texto
2. Use el atributo para establecer el Tama o de fuente. Especifique el Tama o en unidades de medida, como p xeles o porcentajes. Por ejemplo, para establecer el Tama o de fuente en 10 p xeles, use el siguiente c digo:
Tu peque o texto
3. Use CSS para establecer el Tama o de fuente. Cree un estilo CSS interno o externo que especifique el Tama o de fuente. Por ejemplo, para establecer el Tama o de fuente en 12 p xeles, use el siguiente c digo CSS:
4. Use unidades relativas para el Tama o de fuente. En lugar de especificar un valor de Tama o fijo, puede usar porcentajes o em para establecer el Tama o de fuente en relaci n con el Tama o del elemento principal. Por ejemplo, para establecer el Tama o de fuente en el 80% del Tama o del elemento principal, use el siguiente c digo:
Tu peque o texto
Ahora usted sabe algunas maneras f ciles de hacer la letra peque a con HTML. Elija la forma m s conveniente para usted y apl quela en sus p ginas web.
Uso de la etiqueta
Por ejemplo, si desea resaltar la importancia de un elemento o informar sobre notas, use una etiqueta :
Este texto es importante, es necesario prestar atenci n es Importante!
Tenga en cuenta que la etiqueta generalmente se muestra en un Tama o m s peque o en comparaci n con el texto normal, pero esto puede variar seg n la fuente y el navegador utilizados.
Alternativamente, puede usar otras etiquetas de formato junto con la etiqueta para agregar efectos adicionales. Por ejemplo, puede usar una etiqueta para resaltar informaci n m s importante o una etiqueta para resaltar texto en cursiva.
Aqu hay un ejemplo de c mo usar una etiqueta con otras etiquetas de formato:
Este texto es importante y debe prestar atenci n Importante!
Este texto es muy importante y puede contener notas Importante!
Establecer la propiedad font-size en CSS
En Cascading Style Sheets (CSS), la propiedad font-size se usa para establecer el Tama o de fuente para el contenido de texto de un elemento. Le permite cambiar el Tama o de la fuente a voluntad, haci ndola peque a o grande seg n los requisitos de dise o.
Para establecer la propiedad font-size en CSS, use la sintaxis:
| Valor | Descripci n |
|---|---|
| px | Establece el Tama o en p xeles. |
| % | Establece el Tama o en porcentaje con respecto al elemento principal. |
| rem | Establece el Tama o en valores relativos con respecto al elemento ra z. |
| em | Establece el Tama o en valores relativos con respecto al elemento actual. |
Por ejemplo, para establecer el Tama o de fuente en 14 p xeles, use:
font-size: 14px;O bien, para establecer el Tama o de fuente en 70% con respecto al elemento principal, use:font-size: 70%;
Con la propiedad font-size en CSS, puede controlar f cilmente el Tama o de fuente de una p gina web y crear la letra peque a seg n sus necesidades y dise o.
Uso del atributo size en la etiqueta
Por ejemplo, para especificar un Tama o de letra peque o, puede utilizar el siguiente c digo:
Este texto ser superficial
El atributo size tambi n se puede usar en la etiqueta para especificar el Tama o de fuente base.
Sin embargo, el uso de etiquetas y para establecer el Tama o de fuente se considera obsoleto y no se recomienda. En su lugar, se recomienda utilizar CSS para estilizar el texto.
Cambiar el Tama o de fuente con p xeles
| En HTML, puede cambiar f cilmente el Tama o de la fuente especificando su Tama o en p xeles. Para ello, utilice el atributo style de la etiqueta del elemento en el que desea cambiar el Tama o de fuente. | Por ejemplo, para establecer el Tama o de fuente en 12 p xeles, puede usar el siguiente c digo: |
|---|---|
C digo HTML | Resultado |
Este es un texto con un Tama o de fuente de 12 p xeles.
Este es un texto con un Tama o de fuente de 12 p xeles.
en la etiqueta de apertura del elemento. En el atributo
con valor
blue
e
background-color
puede utilizar la propiedad
font-size
:
Este es un texto con una fuente peque a
La aplicaci n de estilos con CSS incorporado le permite cambiar f cilmente la apariencia de los elementos en una p gina web, haciendo que el texto sea peque o, cambiando su color, estableciendo el fondo, etc. es conveniente y f cil de usar.
Cambiar el Tama o de fuente con porcentajes
Este es un texto de letra peque a