<Curso de programación HTML básico y creación de páginas web>

CURSO DE PROGRAMACIÓN HTML BÁSICO Y CREACIÓN DE PÁGINAS WEB

TEMA 3: Formato básico del documento

3.7 Formato de texto

El texto es el elemento principal de un documento en HTML, y puede ser formateado o editado por medio de algunas etiquetas básicas:

NEGRITAS (BOLD)	Existen dos etiquetas para asignar un texto en negritas <B>...</B> Ó <STRONG>...</STRONG>
ITÁLICAS (ITALIC)	Existen dos etiquetas para asignar un texto en negritas <I>...</I> Ó <EM>...</EM>
TAMAÑO DE LA FUENTE (FONT SIZE)	Se indica con el atributo size=* dentro de la etiqueta de FONT. Veamos un ejemplo: <FONT size=2>...</FONT>
COLOR DE LA FUENTE (FONT COLOR)	Se indica con el atributo color="#****" dentro de la etiqueta font. Ejemplo: <FONT color="#CO0000"**>...</FONT>
SALTO DE LÍNEA (LINE BREAK)	Se indica utilizando la etiqueta abierta de <BR>
COMENTARIOS (COMMENTS)	Para escribir un comentario en el código sin que aparezca desplegado en el navegador indícalo con <!-- *** -->. Ejemplo: <!-- Este es mi comentario -->
TIP: Desde el editor puedes dar formato al texto desde los botones que aparecen en las descripciones.

En cuanto al color del texto, los navegadores asignan por defecto el color negro para el texto, azul para los enlaces y morado para los enlaces visitados. Gracias a los atributos de la etiqueta BODY es posible asignar colores distintos a los predeterminados.

Repasemos lo aprendido con este ejemplo:

FORMATO DE TEXTO	index.html
<BODY bgcolor="#FFFFFF" text="#333333" link="#FF6600" vlink="#FF9900" alink="#FF6600"> <!-Inicio de los ejemplos--> <B>Este es un texto en negritas</B><BR> <STRONG>Este es un texto en grueso</STRONG><BR> <I>Este es un texto en itálicas</I><BR> <EM>Este también es un texto en itálicas</EM><BR> <B><I>Este es un texto en negritas e itálicas</I></B><BR> <FONT SIZE="4">Este es un texto en tamaño 4</FONT><BR> <FONT COLOR="#339900">Este es un texto verde</FONT> <!-Fin de los ejemplos--> </BODY>
Ver código completo	Así se vería la pagina

Cómo podrás notar, utilizamos en varios casos la etiqueta de <FONT>…</FONT> para definir aspectos relacionadas con el formato del texto. Se pueden definir el tipo de letra, el tamaño y color de la letra. Las propiedades relacionadas con el texto pueden utilizarse de forma independiente o conjunto dentro de la misma etiqueta de <FONT>.