1. Si le hemos puesto un color oscuro al fondo, elegiremos un color claro para el texto, por ejemplo:
<html>
<head>
<title>Primera Página</title>
</head>
<body bgcolor=#5d0000 text=#f9e783>
Mi primera página web
</body>
</html>
Este parámetro text dentro del tag body da formato a todo el texto del documento. Si queremos también podemos dar sólo color a algunas palabra o incluso a letras concretas. Podemos hacerlo añadiendo nuestro nombre, por ejemplo:
<html>
<head>
<title>Primera Página</title>
</head>
<body bgcolor=#5d0000 text=#f9e783>
Mi primera página web
<font color=#4ff3ff>Lola Me</font>na
</body>
</html>
El tag font se usa para cambiar características del tipo de letra, en este caso con el parámetro color se define el color del texto.
3. Para darle formato al texto, ya conocemos algunos tags, como por ejemplo los que se refieren a:
- Salto de línea: Hay dos tags que son <br> y <p>...</p>. <br> Corte (break), corta la línea sin que se interrumpa el texto, mientras que <p>...</p> marca el contenido de un párrafo.
Podéis probar con los dos tags y ver los efectos que producen:
<html>
<head>
<title>Primera Página</title>
</head>
<body bgcolor=#5d0000 text=#f9e783>
Mi primera página web
<p><font color=#4ff3ff>Lola Me</font>na</p>
</body>
</html>
<head>
<title>Primera Página</title>
</head>
<body bgcolor=#5d0000 text=#f9e783>
Mi primera página web
<p><font color=#4ff3ff>Lola Me</font>na</p>
</body>
</html>
o:
<html>
<head>
<title>Primera Página</title>
</head>
<body bgcolor=#5d0000 text=#f9e783>
Mi primera página web
<br><font color=#4ff3ff>Lola Me</font>na
</body>
</html>
En el primer caso tiene que quedar así:
Mi primera página web
Lola Mena
Y en el segundo quedará así:
Mi primera página web
Lola Mena
Como veis la diferencia está en la distancia entre párrafos, con lo que podemos enfatizar el texto.
- Para poner el texto en cursiva o negrita utilizamos <i>...</i> de itálica y <b>...</b> de bold (negrita).
<html>
<head>
<title>Primera Página</title>
</head>
<body bgcolor=#5d0000 text=#f9e783>
Mi primera página web
<p>Estoy haciendo mi primera página web y esto empieza a gustarme, ya sé darle <i>color al fondo</i> y a <i>las letras</i> y ahora estoy aprendiendo a <b>darle formato al texto.</b></p>
<p><font color=#4ff3ff>Lola Me</font>na</p>
</body>
</html>
Otros tags que remarcan el texto son:
- <s>
...texto tachado...</s> (también <strike>...</strike>) - <u>...texto subrayado...</u>
En la próxima entrada abordaremos el tema del tamaño de la fuente y la ordenación del texto.
No hay comentarios:
Publicar un comentario