2. • La marca FONT se emplea para formatear el tipo y tamaño del texto en
algunos puntos del documento específicos de la pagina web.
<FONT>
<B> Texto en negrita </B>
<I> Texto en cursiva </I>
<U> Texto subrayado </U>
<STRIKE> Texto tachado </STRIKE>
3. • Define el tamaño de la letra. Este tamaño puede ser
absoluto o relativo.
• Si hablamos en términos absolutos, existen 7 niveles de
tamaño distintos numerados de 1 a 7 por orden creciente.
Elegiremos por tanto un valor size="1" para la letra más
pequeña o size="7" para la más grande.
4. • HTML acepta seis encabezados para definir la estructura
jerárquica de los párrafos en un documento:
5. • Con la versión 3.0 de Netscape se ha implementado un nuevo
atributo del elemento <FONT> que permite elegir tipos de letra entre
los varios de que dispone por defecto Windows. Se trata del atributo
FACE. Este atributo permite forzar el tipo de letra que el diseñador
de la página quiere que vea el cliente, sin importar el que por defecto
tenga establecido el visualizador.
• Hay que tener cuidado con este atributo ya que cada usuario,
dependiendo de la plataforma que utilice, puede no disponer de los
mismos tipos de letra que nosotros con lo que, si nosotros elegimos
un tipo del que no dispone, el navegador se verá forzado a mostrar
el texto con la fuente que utiliza por defecto (suele ser Times New
Roman). Para evitar esto, dentro del atributo suelen seleccionarse
varios tipos de letra separados por comas. En este caso el
navegador comprobará que dispone del primer tipo enumerado y si
no es así, pasará al segundo y así sucesivamente hasta encontrar
un tipo que posea o bien acabar la lista y poner la fuente por defecto.
Veamos un ejemplo.
6.
7. • El color del texto puede ser definido mediante el atributo
color. Cada color es a su vez definido por un número
hexadecimal que esta compuesto a su vez de tres partes.
Cada una de estas partes representa la contribución del
rojo, verde y azul al color en cuestión. Por otra parte, es
posible definir de una manera inmediata algunos de los
colores como: Aqua, Black, Blue, Fuchsia, Gray, Green,
Lime, Maroon, Navy, Olive, Purple, Red, Silver, Teal y
White.
8. • La etiqueta marquee nos sirve para dar un efecto diferente a los texto de nuestra
página Web. Gracias a ella podemos conseguir texto en movimiento. Para aplicar este
efecto a los textos, éstos deben estar dentro de la etiqueta marquee, entre su inicio
"<marquee>" y su cierre "</marquee>".
• El movimiento, la dirección de desplazamiento, la velocidad del mismo,…todo es
configurable gracias a los siguientes atributos:
• align: Este atributo nos indicará si el texto dentro de la etiqueta se alineará en la zona
alta del marquee ("top"), en el medio ("middle") o en la parte baja ("bottom").
• height y width: El primero marca la altura que tendrá la marquesina y el segundo la
anchura de la misma.
• scrollamount: Este atributo define la cantidad de píxeles que queremos que se
desplace el texto en cada movimiento. Por ejemplo: <marquee scrollamount="3">
</marquee> significará que el texto que vaya dentro de esa etiqueta se moverá a
razón de tres píxeles por movimiento.
• scrolldelay: Éste nos define la velocidad del texto que está dentro de la marquesina. A
menor numeración, mayor velocidad. Es decir, un texto irá más rápido si el scrolldelay
es 5, que si el scrolldelay es 20
9. • loop: Este atributo nos determina si el movimiento se repetirá o no. Si
queremos que el movimiento sólo se repita unas veces determinadas
debemos indicárselo con un número, que será el número de veces que se
repita. Si queremos que se repita sólo 10 veces, su loop será el siguiente:
<marquee loop="10"> </marquee>
• Si queremos que se repita debemos usar "infinite" o "-1". Si no
especificamos nada, se repetirá constantemente.
• direction: Sirve para definir la dirección del movimiento: "left" para la
izquierda, "right" para la derecha, "top" para arriba y "down" para abajo.
• behavior: Gracias a este atributo podemos dar nuevos efectos a la
marquesina. Si no especificamos este atributo, el texto se moverá de
forma circular en el sentido que le hayamos marcado. Con
behavior="scroll" conseguiremos el mismo efecto: el texto se moverá
circularmente.
• Con behavior="slide" haremos que el texto se detenga al llegar al final de
la marquesina. Y con el behavior="alternate" el texto irá y volverá de un
lado a otro de la marquesina.
10. Como insertar una imagen
Una de las primeras cosas que debemos aprender del HTML es la
etiqueta <img> que funciona para colocar imágenes dentro de una
página web.
Para poner una imágen utilizamos el siguiente código:
<img src="imagenHTML.jpg">
Donde "imagenHTML.jpg" es la imagen que vamos a colocar. Deberá
estar ubicada en el mismo directorio. Si queremos colocar una imagen
con HTML en una página que no está colocada dentro del mismo
directorio, podemos usar una ruta absoluta:
<img src="folder/imagenHTML.jpg"
La etiqueta <img> tiene varias propiedas como son:
border, width, height, alt
Ejemplo con propiedades de imágen en HTML
<img src="imagenHTML.jpg" border="0" width="10" height="10">
El ancho y alto (width, height) se coloca en pixeles y deben
corresponder al tamaño original de la imagen para que no se
distorcione.
Los formatos soportados por el explorer son jpg, gif y png.
11. El uso de texto para comentar las imágenes es una regla
fundamental que debemos observar en la creación de sitios web por
varias razones:
algunos navegadores pordrían estar impostados para no invocar las
imágenes;
los navegadores textuales para invidentes no conseguirían
interpretar las imágenes si carecieran de comentario;
es posible evitar pies de imagen incluyendo comentarios dentro de
la imagen misma.
En todos estos casos, el uso de comentarios resuelve el problema y
permite optimizar la página web. La sintaxis correcta de los
comentarios es la siguiente:
<IMG SRC="immagine.gif" ALT="Obra de K. Haring">
11
