La fuente es un elemento importante en el dise o y visualizaci n del texto en las p ginas web. Los desarrolladores web y los dise adores deben tener un control total sobre las opciones de fuente para presentar el contenido de la manera m s efectiva. Las cuatro opciones de fuente principales que se usan a menudo son negrita, cursiva, subrayado y tachado. En este art culo, veremos c mo configurar cada una de estas opciones en HTML.
La opci n negrita (fuerte) se usa para resaltar el texto, lo que lo hace m s oscuro y audaz. Para hacer que el texto sea negrita, puede usar una etiqueta envolviendo la palabra o frase deseada en ella. Por ejemplo, el Texto har que la palabra "Texto" aparezca en negrita.
La opci n cursiva (em) se usa para resaltar el texto que le da un dise o inclinado. Para crear texto cursivo, puede usar una etiqueta y encerrar la palabra o frase deseada dentro de ella. Por ejemplo, el Texto har que la palabra "Texto" aparezca en cursiva.
La opci n subrayado (u) se utiliza para resaltar el texto a adiendo un subrayado. Para crear texto subrayado, puede usar una etiqueta y encerrar la palabra o frase deseada dentro de ella. Por ejemplo, el Texto har que la palabra "Texto" est subrayada.
La opci n tachado (s) se usa para resaltar el texto y agregarle un tachado. Para crear un texto tachado, puede usar una etiqueta y encerrar la palabra o frase deseada dentro de ella. Por ejemplo, el Texto tachar la palabra "Texto".
- Opciones para cambiar la fuente
- Negrita
- Letra cursiva
- Fuente subrayada
- Letra tachada
- Establecer la fuente en negrita
Opciones para cambiar la fuente
| Par metro | Descripci n | Ejemplo |
|---|---|---|
| Negrita | Establece la fuente en negrita | Texto |
| Cursiva | Establece la fuente en cursiva | Texto |
| Subrayado | Agrega subrayado a la fuente | Texto |
| Tachado | Agrega tachado a la fuente | Texto |
Al combinar estas opciones, puede crear una variedad de estilos de texto que se adapten a ciertos objetivos de dise o y le permitan resaltar informaci n importante.
La aplicaci n de estos par metros es muy simple y se realiza utilizando las etiquetas HTML correspondientes.
Negrita
En HTML, puede establecer negrita para el texto con una etiqueta . Esta etiqueta se usa para resaltar o acentuar el texto. Cuando Envuelva el texto dentro de la etiqueta , se mostrar en negrita.
A continuaci n se muestra un c digo de ejemplo que muestra c mo configurar negrita:
| C digo HTML | Resultado |
|---|---|
Es texto en negrita. | Es texto en negrita. |
La etiqueta se puede anidar, lo que significa que puede usarla dentro de otra etiqueta para superponer varios estilos en una secci n de texto. A continuaci n se muestra un ejemplo de uso anidado de la etiqueta :
| C digo HTML | Resultado |
|---|---|
Es texto en negrita y cursiva. | Es texto en negrita y cursiva. |
El uso de una etiqueta no cambia el Tama o o el tipo de fuente, solo le da al texto un estilo en negrita.
Letra cursiva
La fuente cursiva se usa para crear un acento o resaltar informaci n importante en una p gina web. Se diferencia de la fuente normal en que sus letras est n inclinadas hacia la derecha, creando un efecto de inclinaci n.
Se usa una etiqueta para establecer la fuente cursiva en HTML . Esta etiqueta se coloca dentro de un elemento de bloque o min scula y se aplica al texto que desea Mostrar en cursiva.
Ejemplo de uso de la etiqueta :
- Este texto se mostrar en cursiva.
- Alg n texto importante en la p gina web.
. Para establecer el texto en cursiva con CSS, se usa la siguiente regla:
font-style: italic;
:
- Este texto se mostrar en cursiva.
- Alg n texto importante en la p gina web.
Fuente subrayada
Para establecer una fuente subrayada, debe usar una etiqueta . Dentro de esta etiqueta, puede especificar el texto que debe subrayarse.
C digo de ejemplo:
Este texto ser subrayado
Cuando se usa una etiqueta, todo el texto que se encuentra dentro de esa etiqueta se mostrar con un gui n bajo. Por lo tanto, puede resaltar frases, palabras o nombres importantes con una fuente subrayada.
Sin embargo, tenga en cuenta que los est ndares web recomiendan evitar el uso de una fuente subrayada, ya que esto puede crear confusi n con los enlaces que se muestran subrayados de forma predeterminada.
Letra tachada
En HTML, se usa una etiqueta o para agregar un estilo tachado al texto .
Ejemplo de uso de la etiqueta :
Este texto ser tachado
Ejemplo de uso de la etiqueta :
Este texto ser tachado
Ambas etiquetas funcionan de la misma manera y aplican un estilo de tachado al texto dentro de ellas. Sin embargo, la etiqueta de acuerdo con los est ndares HTML5 se considera obsoleta y se recomienda usar la etiqueta .
Establecer la fuente en negrita
Se utiliza una etiqueta para establecer la fuente en negrita en el c digo HTML . Esta etiqueta hace que el texto sea m s expresivo y lo resalta en la p gina.
Para aplicar el texto en negrita al texto, es suficiente encerrar el fragmento deseado dentro de la etiqueta de apertura y cierre . Por ejemplo:
Este texto ser en negrita
Se representa el siguiente resultado:
Este texto ser en negrita
T tulo noticias
Un texto largo de noticias.
Muchas palabras que se resaltan en negrita.