En HTML para dar formato al texto se puede utilizar la etiqueta <font>
acompañada de varios atributos. Esta etiqueta afecta a la presentación
del texto y no a su estructura lógica por lo que en general no se recomienda
su uso extensivo dentro del documento. En la sección "Hojas de estilo"
se explicará como separar la estructura del texto de los aspectos de
presentación poniendo estos en un documento independiente que llamaremos
hoja de estilo.
En cualquier caso los atributos utilizados en las hojas de estilo son similares
a los atributos de la etiqueta <font> los más frecuentes
son size para indicar el tamaño face
para indicar la familia de fuente (arial, hevetica, times, impact, etc.) y color
para indicar el color.
Ejercicio
Tarea
Practica los atributos size, face
y color para modificar respectivamente el tamaño, la
familia y el color de las letras que componen un texto.
Procedimiento
- Abre el editor interacctivo seleccionando este enlace.
- Escribe el siguiente texto en el lado izquierdo de la pantalla:
<html>
<body>
<p>Para modificar el tamaño y la familia de los tipos de letra se utiliza la etiqueta
<TT><b><font></b></TT>.</p>
<h4>Tamaño (valor de 1 a 7)</h4>
Texto de <font size="6">tamaño 6</font> <br>
Texto de <font size="5">tamaño 5</font> <br>
Texto de <font size="1">tamaño 1</font> <br>
Se puede utilizar para simular <font size="5">M</font>AYÚSCULAS.
(frecuente al comienzo de párrafo <br>
<h4>Familia de fuente</h4>
Texto en <font face="arial">Arial</font> <br>
Texto en <font face="times">Times</font> <br>
Texto en <font face="impact">Impact</font> <br>
<h4>Color de fuente</h4>
Texto en <font color="blue">Azul</font> <br>
Texto en <font color="red">Rojo</font> <br>
Texto en <font color="green">Verde</font> <br>
</body>
</html>
- Pulsa submit para ver el resultado en el lado derecho.
|