Textos y formatos en HTML

Este artículo te va a servir para darle otro color y tipografía al texto e ir modificándolos como quieras.
Como se puede observar en la nota "Nuestra primera página", donde tendremos que incrustar los elementos visuales ante el navegador es dentro del tag BODY. Hasta ahí todo bien, veamos cómo insertar un párrafo:

<P>Bienvenido a mi primer página</P>

La etiqueta <P></P> define un nuevo párrafo. Dentro de él podremos colocar tantos tags como queramos y de todos los géneros (cuando a etiquetas visuales se refiera).
Este ejemplo anterior daría el resultado:

Bienvenido a mi primer página

Tipografías, color y tamaño

Ahora haremos que ese mismo texto se vea escrito en otra tipografía, con otro color y de diversos tamaños. Veamos:

<FONT></FONT>: Dentro de esta etiqueta especificaremos propiedades referentes a la fuente del texto que contenga:
FACE: Esta propiedad nos permite indicar la tipografía.
SIZE: Gracias a ésta propiedad establecemos cuán grande o chico será el texto que contiene la etiqueta FONT.
COLOR: Tal como en BODY colocamos el color de fondo o de los enlaces, aquí pasa lo mismo, podrá expresarse en valor hexadecimal o con el nombre.

Veamos un ejemplo completo para entender mejor:

<P>Bienvenido a mi primer página, llamada
<FONT FACE="Comic Sans MS" SIZE="3" COLOR="green"> Reyes del Fútbol</FONT>
</P>

Resultado:

Bienvenido a mi primer página, llamada Reyes del Fútbol

Otros efectos

Sí, tal y como lo hacemos en Word. Podemos establecer negritas, cursivas y subrayados en nuestros textos.

<B></B>: La letra B viene de BOLD (en español, negrilla). Muy obvio, no?
<I></I>: La I viene de ITALIC (del inglés, cursiva).
<U></U>: La letra U viene de UNDERLINE (subrayado).

Para terminar... Saltos de línea

Luego de escribir una oración por ejemplo, quizá queramos realizar un punto aparte, o sea, saltar un renglón y no dos. Para esto luego de escribir las palabras, deberás incluir el tag <BR> que significa BREAK (romper). Éste no requiere de cierre. Se lo conoce más como un salto simple de línea, del que se pueden realizar tantos como queramos.

Ejemplo final

<P>Bienvenido a mi <U>primer página</U>, llamada
<FONT FACE="Comic Sans MS" SIZE="4" COLOR="#00CCFF"><B> Reyes del Fútbol</B></FONT>
<BR>
<I>Toda la información que necesitás, segundo a segundo.</I>
</P>

Resultado:

Bienvenido a mi primer página, llamada  Reyes del Fútbol
Toda la información que necesitás, segundo a segundo.

Cristian Gentiluomo
webmaster@laredarg.com