Formatear el texto - institución educativa gabriel restrepo moreno

Anuncio
Formatear el texto
<font> ...
Las propiedades del texto pueden modificarse a través de la etiqueta <font>. Para ello,
podemos insertar el texto entre las etiquetas <font> y </font>, especificando algunos de los
atributos de la etiqueta:
Atributo
face
color
Significado
fuente
Posibles valores
nombre de la fuente, o fuentes
color del texto
número hexadecimal o texto predefinido
size
tamaño del texto
valores del 1 al 7, siendo por defecto el 3,
o desplazamiento respecto al tamaño por defecto,
añadiendo + o - delante del valor
Por ejemplo, para insertar el texto:
Bienvenidos a www.aulaclic.com
Habría que escribir:
<font color="#993366" size="4" face="Comic Sans MS, Arial, MS Sans
Serif">Bienvenidos a www.aulaclic.com</font>
También es posible definir una fuente para todo el documento. Para ello, hay que insertar la
etiqueta <basefont> después de la etiqueta <body>.
La etiqueta <basefont> no necesita una etiqueta de cierre, y permite modificar los mismos
atributos del texto que la etiqueta<font>.
Por ejemplo:
<body>
<basefont color="#006699" size="4" face="Arial">
...
Este código haría que la fuente del documento fuera por defecto de color azul, de tamaño 4
y Arial. Si después de indicar la etiqueta <basefont> o <font>, el navegador encuentra otra
etiqueta <font>, la que prevalece es siempre la última que se encuentra.
Resaltado del texto <b> ...
Existen una serie de etiquetas que permiten aplicar diferentes estilos al texto que se
encuentra entre ellas, y generalmente se utilizan para resaltarlo. Estos estilos pueden
agruparse según vayan asociados al tipo de letra o a la información que represente el texto. No
hay que olvidar que todas estas etiquetas necesitan una etiqueta de cierre, y que pueden
aplicarse varias etiquetas al mismo texto.
A continuación se muestran algunas etiquetas asociadas al tipo de letra:
Etiqueta
<big>
Significado
negrita
cursiva
subrayado
tachado
teletipo (máquina de escribir)
aumenta el tamaño de la fuente
curso HTML aulaclic
<small>
disminuye el tamaño de la fuente
curso HTML aulaclic
<b>
<i>
<u>
<s>
<tt>
Ejemplo
curso HTML aulaclic
curso HTML aulaclic
curso HTML aulaclic
curso HTML aulaclic
curso HTML aulaclic
Imágenes
<IMG>
El uso de imágenes es uno de los factores que ha popularizado tanto World Wide Web.
Incluir imágenes en una presentación web es muy sencillo, solo debe de tener en cuenta que las
imágenes tienen que tener los formatos GIF, JPEG o PNG. Las imágenes en línea, se especifican
a partir de la etiqueta <img> que no tiene una etiqueta correspondiente de cierre pero que
puede acompañarse de los siguientes atributos:
1. src= Este atributo es obligatorio e indica el nombre del archivo de imagen (entre
comillas) o la URL que se va a representar.
2. Align= Permite controlar la alineación de una imagen con respecto a una línea de texto
adyacente o a otras imágenes en esa línea. Los tres valores posibles son los ya
conocidos left, right, top, middle y bottom.
3. Alt= Es la alternativa que se estableció cuando todavía existían visualizadores de solo
texto. Entre comillas podremos escribir un texto que suplantara a esta imagen si no se
carga o mientras se carga o cuando, visualizando ya la imagen, pasamos el ratón por
encima.
4. WIDTH= Este atributo es opcional pero es recomendable ponerlo para ayudar al
navegador a representar la imagen, significa el ancho de la imagen que vamos a
representar.
5. HEIGHT=Al igual que el atributo WIDTH, es opcional y recomendable ponerlo, este
significa el alto de la imagen.
6. BORDER= Con BORDER especificamos el ancho de un borde que rodea la imagen.
<IMG SRC="bebe1.jpg" WIDTH=140 HEIGHT=210 BORDER=0 ALT="Un bebé">
<HTML>
<HEAD>
<TITLE>Ejemplo 12</TITLE>
</HEAD>
<BODY>
<H1>Imágenes</H1>
<IMG SRC="bebe1.jpg" WIDTH=140 HEIGHT=210 BORDER=0 ALT="Un bebé" ALIGN="RIGHT">
<IMG SRC="bebe1.jpg" WIDTH=140 HEIGHT=210 BORDER=3 ALT="Un bebé" ALIGN="LEFT">
Un texto cualquiera.
</BODY>
</HTML>
Descargar