Archivo

Entradas Etiquetadas ‘estilo de texto html’

TUTORIAL HTML: 6. ESTILO DE TEXTO-ETIQUETA

martes, 21 de julio de 2009 Sin comentarios

La etiqueta <font></font> se refiere a la fuente utilizada en el documento. Va colocada dentro del cuerpo del documento (<body><font></font></body>). Admite diferentes atributos:

  • size: Define el tamaño en puntos.
  • color: Define color (con los valores RBG o el nombre del color en inglés).
  • face: tipo de fuente (arial, georgia, verdana, etc.)

Ejemplo:

http://img140.imageshack.us/img140/2012/dibujoxvd.png

Para modificar el estilo de texto (negrita, cursiva, etc…) existen las siguientes etiquetas que enmarcarán la porción de texto a la que queramos aplicar el estilo correspondiente:

http://img269.imageshack.us/img269/5300/dibujownj.png

Ejercicio:

Escribe el siguiente código en tu editor de textosy edítalo en el navegador. Haz todos los cambios que creas necesarios para ver los diferentes efectos.

<html>
<head><title>Mi página web </title></head>
<body bgcolor=»#0D5C94″ text=»#FFFFFF»>
<font size=3 color=»#FFFFFF» face=»helvetica«>
Este es un texto para practicar los diferentes estilos que podemos conseguir. <i>Aquí empieza la cursiva,</i><b> para dejar paso a la negrita.</b> Podemos tachar <s>lo que no nos guste</s> o <u>subrayar toda una frase</u>. Para nuestras fórmulas es muy útil el subindice como en b<sub>1</sub> o el superíndice como en m<sup>2</sup>. </font>
</body>
</html>

Este será el efecto conseguido:

http://img269.imageshack.us/img269/2186/dibujontr.png

Ir a la barra de herramientas