sábado, 14 de enero de 2012

CAPÍTULO 2! INSTRUCCIONES BÁSICAS DE HTML

El COMANDO HTML

Este comando se utiliza para delimitar el documento. Las mar­cas de principio y fin son:
<HTML> </HTML>
EL COMANDO PARRAFO Este comando inserta automá­ticamente un salto de línea al fi­nal del párrafo, y crea el espacia­do adecuado entre los diferentes párrafos del documento.

EL COMANDO SALTO DE LÍNEA

Para insertar un salto de línea, tenemos que utilizar el comando <BR>
Puesto que en HTML, el texto puede flotar alrededor de las imá­genes, es necesario indicar dón­de se debe cortar el texto y dón­de debe comenzar de nuevo, tras una imagen. Para ello, utilizare­mos el atributo CLEAR que podrá tomar los valores: left, right y all

LOS COMANDOS DE ENCABEZAMIENTO

El texto en HTML, cuenta con seis niveles de encabezados. Hay que tener en cuenta que estos comandos insertan un salto de línea tras el texto que com­prenden.

APARIENCIA DEL TEXTO

Es una de las características que harán más atractivas nuestras páginas Web.

Para variar el aspecto del tex­to, disponemos de varios coman­dos. Realmente, al usar estos co­mandos, lo que hacemos es delimitar el texto afectado por los cambios. No debemos olvidar que estos comandos pueden ser utilizados conjuntamente.
Negrita:
<B>…..</B>
Cursiva:
<EM>….</EM>
Parpadeo:
<BLINK>….<BLINK>
Asignar un tamaño fijo y apariencia de caracteres:
<TT>….</TT>
Subrayado:
<U>….</U>


LISTAS    

En un documento HTML se pueden incluir dos tipos de lis­tas. Estas listas, sean del tipo que sean, pueden tener varios nive­les.
Listas no numeradas

Este tipo de listas son conoci­das también como listas no orde­nadas.
Para crear una lista no nume­rada, utilizaremos el comando:
<UL>…</UL>
Los elementos de la lista se in­dicarán con:
 <LI>…</LI>
Cada elemento de la lista, se separará del borde izquierdo y aparecerá acompañado por un símbolo que variará dependien­do del nivel de enlace.
Listas numeradas

Las listas ordenadas o nume­radas, se crean por medio del co­mando:
<OL> ... </OL>
Al igual que en las listas no numeradas, cada elemento de la lista se indicará mediante:
<LI> ... </LI>
De este modo, cada elemen­to se separará del borde iz­quierdo y, a su izquierda, apa­recerá un número.



Listas descriptivas


Para crear una lista descripti­va, usaremos el comando:
<DL> ... </DL>
Cada uno de los elementos de la lista tendrá un título, marcado como:
<DT> ... </DT>
Y un texto para cada título, que será indicado por el coman­do:
<DD> ... </DD>
Este tipo de lista está especial­mente indicada para crear índi­ces, referencias a otros documen­tos, glosarios, etc.



CENTRANDO TEXTO

Podemos centrar cualquier parte del documento por medio del comando:
<CENTER> ... </CENTER>

LINEAS HORIZONTALESLa línea horizontal, se inserta con el comando <HR>



ENLACES
Referencias en el mismo documento

Tenemos la posibilidad de crear enlaces que lleven al usuario de un lugar del documento a otro, dentro del mismo documento, por medio de un clic. Este tipo de enlaces, son conocidos como re­ferencias locales. Estas referen­cias se componen de dos partes:

La Referencia
Es la zona en la que el usua­rio hace clic, para desplazarse a otra parte del documento .Para crear una referencia lo­cal, delimitaremos la zona con el comando:
<A href= "#nombre"> Texto del enlace </A>
El nombre referenciado
Esta es la zona del documen­to a la que accede el usuario al hacer clic en la referencia corres­pondiente.
Para crear un nombre local, tendremos que delimitar la zona mediante el comando:

<A NAME= "nombre"> ... </A>

Referencias a otros documentos

Lógicamente, para crear un enlace a otro documento, es im­prescindible conocer la ubica­ción del documento al que que­remos hacer referencia.
Existen dos tipos de referen­cia a una ubicación:
Referencia relativa
Para indicar una referencia relativa, tendremos que especifi­car la posición del documento en la estructura de subdirectorios, a partir de la ubicación del docu­mento actual. Utilizaremos el comando:
<A href= "ubicación'^ Texto del enlace </A>

Referencia absoluta

Para crear una referencia ab­soluta, tendremos que especifi­car la dirección o URL de la pá­gina en cuestión Para enlazar un hypertexto, usaremos el comando:
<A "href= http//ordenador/dIrectorio/archivo">
En "ordenador", indicaremos el nombre de la máquina en la que se encuentre el documento. En "directorio" y "archivo", in­dicaremos la ubicación del do­cumento dentro del ordenador

Referencias a un lugar de otro documento

La creación de este tipo de re­ferencias utiliza una combina­ción de los dos modos vistos anteriormente. Para crear este tipo de enlaces, indicaremos el URL del documento asi que hace­mos referencia, escribiremos un signo # y finalmente introducire­mos el nombre de la zona a en­lazar.



Referencia a una dirección e-mail

Para ello, escribiremos:
<A href= "mailto: dirección de email"> Texto del enlace </A>





No hay comentarios:

Publicar un comentario en la entrada