1.-Estructura de un Documento HTML:
<HTML></HTML> Etiqueta de apertura y cierre de un documento de HTML
<HEAD></HEAD> Encabezamiento, contiene información que no se ve en la pantalla
<TITLE></TITLE> Titulo del documento de HTML, mismo que se muestra en la barra de título de cualquier página
<BODY></BODY> Cuerpo del documento, contiene toda la información que se muestra en una página.
<P> Salto de párrafo
<H1>...<H6> Cabeceras
<CENTER></CENTER> Centrado de textos o imágenes
<HR> Separador o línea horizontal
<BR> Salto de renglón
<B></B> Negritas
<I></I> Itálicas
<PRE></PRE> Letra en tipo de máquina de escribir.
<TT></TT> Permite que el texto tenga un tamaño menor y la apariencia
de los caracteres de una máquina de escribir (typewriter).
La diferencia con la anterior es que no preformatea el texto, sino que únicamente cambia su apariencia.
<BLOCKQUOTE></BLOCKQUOTE>: Sangría
<SUP></SUP> Indices
<SUB></SUB> Subindices
Listas desordenadas (no numeradas):
<UL> Listas desordenadas (unordered lists)
<LI> Una cosa
<LI> Otra cosa
</UL>
Lista anidada:
<UL>
<LI>Un tema
<UL>
<LI>Un subtema
</UL>
</UL>
Listas Ordenadas:
<OL>Las listas ordenadas (ordered lists)
<LI>Primer Cosa
<LI>Segunda Cosa
</OL>
Lista de definición de términos (glosario):
<DL>/DL> Definición de glosario (Definition List)
Partes:
<DT> Definition Term
<DD> Definition definition
<!-- y --> Comentarios no visibles en la pantalla
Enlaces con otras páginas:
<A HREF="XXX">YYY></A>
Donde:
"XXX"= Destino del enlace
"YYY"= Texto indicativo del enlace
Dentro de la misma página:
<A HREF="#marca">YYY</A> Determina el sitio exacto a donde queremos saltar
<A NAME="MARCA"></A> Determina el destino de donde queremos saltar
Con otra página propia
<A HREF="archivo.html">Liga a archivo.html
Con otra página a una referencia específica
<A HREF="archivo.html#marca">Liga a la etiqueta "marca" en el archivo.html
Salto a un subdirectorio interior
"subdirectorio/archivo"
Salto a un subdirectorio superior
"../archivo"
Enlaces con páginas fuera de nuestro sistema
Para realizar enlaces con página fuera de nuestro sistema
es necesario conocer el URL(Uniform Resource Locator)de la página
con la que se quiere realizar el enlace.
<A HREF="http:/mx.yahoo.com"> Liga a la página
de Yahoo México</a>
La especificación del URL de la página con la que se realiza el enlace
se debe escribir respetando mayúsculas y minúsculas
Enlace con una dirección de correo
<A HREF="mailto:cwag13@hotmail.com">cwag13@hotmail.com</a>
Se recomienda que la leyenda del enlace contenga la dirección de correo.
<IMG SRC="imagen.xxx" ALT="FRASE" ALIGN=TOP>
IMG(image) SRC(source)
imagen.xxx: Nombre el archivo que contiene la imagen, donde "xxx" Corresponde:
a la extención del archivo de la imágen, de los cuales los más comunes son GIF, JPG y PNG.
Comandos que se pueden incluir en la etiqueta IMG
ALT=Frase indicativa de la imágen, sustituye a la imagen con una etiqueta
para que se pueda visualizar la información (acceso al navegador en forma de texto)
ALIGN=Posición de la imágen para la cual se asignan los valores:
TOP=Titular alineado arriba
MIDDLE=Titular alineado enmedio
BOTTOM=Titular alineado abajo
Imágen como enlace
<A HREF="archiv.html"><IMG SRC="imagen.gif"></a>
Esta estructura de enlace permite que la referencia a otra página se efectue a través de una imágen.
Para que una imágen se pueda visualizar en una página es importante que el archivo que contiene
la imágen se encuentre en la ruta que indica la liga, de lo contrario, esta no se va a cargar.
Los caracteres especiales inician con el símbolo amperson "&" y terminan con punto y coma ";".
Estos caracteres se utilizan cuando se desea incluir en el texto símbolos como:
mayor que "<", menor que ">", y otros, y así evitar que el navegador los interprete
como el comienzo o final de una etiqueta, en vez de un carácter más del texto.
& lt; para < (less than, menor que)
& gt; para > (greater than, mayor que)
& amp; para & (ampersand)
& quot; para " (double quotation)
Vocales acentuadas
Se forman comenzando con "&", seguido de la vocal en cuestión,
la palabra "acute" (aguda) y terminando con el signo ";"
Ejemplo: & aacute; para la á
Otros caracteres:
& ntilde; para la ñ
& Ntilde; para la Ñ
& uuml; para la ü
& Uuml; para la Ü
& #191; para ¿
& #161; para ¡
<BLINK&gT</BLINK>Parpadea el texto.
Esta etiqueta no esta implementada en algunas versiones del explorador de Microsoft.
<HR WIDTH=75%>Modifica la anchura del separador horizontal.
<HR WIDTH=300>Tiene una anchura de 300 pixels
<HR WIDTH=50% ALIGN=LEFT>Separador alineado a la izquierda:
<HR WIDTH=50% ALIGN=RIGHT>Separador alineado a la derecha:
<HR SIZE=20>SIZE varia el espesor:
<HR NOSHADE>Da una apariencia de línea sólida, no embutida sobre el fondo
Tamaño de fuente
Los tamaños del texto van, de menor a mayor, del 1 al 7.
El tamaño normal (o tamaño base) es el 3. Se puede también cambiar relativamente
con respecto a este tamaño normal.
Ejemplo:
<FONT SIZE=5> Texto en tamaño 5
Texto en tamaño 5
Para realizar un cambio relativo con respecto al tamaño asignado,
se utiliza los signos de más "+" y menos "-".
Ejemplo:
<FONT SIZE=+5></FONT> Cambio relativo mayor
Texto en tamaño 5
<FONT SIZE=-5></FONT> Cambio relativo menor
Texto en tamaño 5
Tipo de fuente
El tipo de fuente que se asigna a una
página debe estar cargada en el equipo que la descargue.
De lo contrario se cargará el tipo de fuente que tiene por defecto el navegador
de la máquina del cliente.
El atributo de determina el tipo de fuente es "FACE" y va seguido del nombre
de la fuente.
Ejemplo:
<FONT FACE="Impact, Arial">Texto</FONT>
Este texto se verá con la fuente Impact o Arial
En el caso de este ejemplo, la primer fuente que tratará de detectar el navegador será "Impact".
En caso de no encontrarla, buscara el tipo "Arial". Si no localiza ninguna de las dos,
asignara la que tiene asignada por defecto el navegador el cliente.
|