Fin en mente: Realizar un programa de HTML para poner fuente, tamaño y color
Propiedades del Texto
Las propiedades del texto pueden modificarse a través de la etiqueta . Para ello, podemos insertar el texto entre las etiquetas y , especificando algunos de los atributos de la etiqueta:
FACE: Fuente. nombre de la fuente, o fuentes
COLOR: Color del texto. número hexadecimal o texto predefinido en ingles
SIZE: Tamaño del texto. valores del 1 al 7, siendo por defecto el 3, o desplazamiento respecto al tamaño por defecto, añadiendo + o - delante del valor
Por ejemplo, para insertar el texto:
<br> <font face="times new roman" color="blue" size="20"> <p align="center"> Hay una serpiente en mi bota </font> </p> </br>
<br> <font face="arial" color="orange" size="-80"> <p align="center"> Estuve escondido bajo tu casa porque te amo</font> </p> </br>
<br> <font face="times new roman" color="pink" size="-20"> <p align="left"> Sino puedes decir algo lindo mejor no digas nada </font> </p> </br>
<br> <font face="century gothic" color="black" size="10"> <p align="center"> Ohana, significa familia </font> </p> </br>
<br> <font face="arial" color="purple" size="34"> <p align="left"> Nuestro destino vive en nosotros </font> </p> </br>
</body>
<html>
<head>
<title> Fuente, tamaño y color </title>
</head>
<body bgcolor="green">
<br> <font face="times new roman" color="blue" size="20"> <p align="center"> Hay una serpiente en mi bota </font> </p> </br>
<br> <font face="century gothic" color="red" size="10"> <p align="left"> Al infinito y mas alla </font> </p> </br>
<br> <font face="arial" color="orange" size="-80"> <p align="center"> Estuve escondido bajo tu casa porque te amo</font> </p> </br>
<br> <font face="times new roman" color="pink" size="-20"> <p align="left"> Sino puedes decir algo lindo mejor no digas nada </font> </p> </br>
<br> <font face="century gothic" color="black" size="10"> <p align="center"> Ohana, significa familia </font> </p> </br>
<br> <font face="arial" color="purple" size="34"> <p align="left"> Nuestro destino vive en nosotros </font> </p> </br>
</body>
</html>
No hay comentarios:
Publicar un comentario