 |
6.- Estilo de Texto- Etiqueta <font>.
La etiqueta <font></font> se refiere a la fuente utilizada en el documento. Va colocada dentro del cuerpo del documento (<body><font></font></body>). Admite diferentes atributos:
- size: Define el tamaño en puntos.
- color: Define color (con los valores RBG o el nombre del color en inglés).
- face: tipo de fuente (arial, georgia, verdana, etc.)
Ejemplo:
| En el editor de textos |
En el navegador |
| <font size=5 color="#00FFCC" face="georgia">Este es el texto de ejemplo</font> |
Este es el texto de ejemplo |
| <font size=4 color="#FF8F96" face="times roman ">Este es el texto de ejemplo</font> |
Este es el texto de ejemplo |
Para modificar el estilo de texto (negrita, cursiva, etc...) existen las siguientes etiquetas que enmarcarán la porción de texto a la que queramos aplicar el estilo correspondiente:
| Atributo |
Etiqueta |
Ejemplo |
Resultado |
| Negrita |
<b></b> |
<b>Ejemplo de negrita</b> |
Ejemplo de negrita |
| Cursiva |
<i></i> |
<i> Ejemplo de cursiva </i> |
Ejemplo de cursiva |
| Subrayado |
<u></u> |
<u> Ejemplo de subrayado </u> |
Ejemplo de subrayado |
| Tachado |
<s></s> |
<s> Ejemplo de tachado </s> |
Ejemplo de tachado |
| Superindice |
<sup></sup> |
Texto normal <sup> Ejemplo de superindice </sup> |
Texto normal Ejemplo de superindice |
| Subindice |
<sub></sub> |
Texto normal <sub> Ejemplo de subíndice </sub> |
Texto normal Ejemplo de subíndice |
|
|
| |
|
|
Crea tu web Tutorial HTML Trucos HTML Trucos Dreamweaver