Instituto San Ignacio de Loyola

Revisin de HTML (2)

Listas. Hipervnculos. URL Uniforme Resource Locator. La etiqueta <A>. Hipervnculo interno. Direccin relativa. Direccin absoluta. Hipervnculo externo. Marcador o ancla.

Sesin 01C
Programacin en Internet

Instituto San Ignacio de Loyola

Listas
Lista numerada u ordenada <OL START="NumeralInicial" TYPE="EstiloNumeracin"> <LH>Texto del encabezado</LH> <LI>Primer elemento <LI>Ensimo elemento </OL>
Revise el documento P007-ListaNumerada.HTML
Programacin en Internet

Instituto San Ignacio de Loyola

Listas
Lista con vietas <UL TYPE="EstiloVieta"> <LH>Texto del encabezado</LH> <LI>Primer elemento <LI>Ensimo elemento </UL>
Revise el documento P008-ListaVietas.HTML
Programacin en Internet

Instituto San Ignacio de Loyola

Listas
Lista de definicin o Glosario <DL> <LH>Texto del encabezado</LH> <DT>Trmino1 <DD>Definicin del Trmino1 <DT>Trmino2 <DD>Definicin del Trmino2 </DL> Revise el documento
P009-ListaDefinicin.HTML
Programacin en Internet

Instituto San Ignacio de Loyola

Listas
Listas anidadas Es posible anidar una lista dentro de otra.
<UL> <LI>Mamferos <LI>Peces <UL TYPE="square"> <LI>Sardina <LI>Bacalao </UL> <LI>Aves </UL> Revise el documento P010-ListaAnidada.HTML
Programacin en Internet

Instituto San Ignacio de Loyola

Hipervnculo
Elemento que permite al programa navegador ir a otro lugar: otra pgina del mismo sitio Web, otro sitio Web, u otra ubicacin en la pgina actual. Para definir un hipervnculo se necesita: el nombre de la pgina, o el URL, o el marcador del punto, y el texto en la pgina actual que permite activar el enlace.
Programacin en Internet

Instituto San Ignacio de Loyola

URL Uniforme Resource Locator

Mtodo universal para determinar las direcciones de los recursos de Internet. Cada direccin en Internet (URL) debe ser nica. Est formada por tres partes: http://www.sil.edu.pe/correo
Nombre Del Host (Dominio)

Protocolo
Programacin en Internet

Directorio y/o nombre de archivo

7

Instituto San Ignacio de Loyola

URL Uniforme Resource Locator

Protocolo: forma de acceso al recurso. Determina la aplicacin con la que el navegador accede al recurso. Nombre de Host (Dominio): sistema en Internet que contiene el recurso al que se desea acceder. Directorio: ubicacin del recurso en el dominio. http://www.sil.edu.pe/correo
Programacin en Internet

Instituto San Ignacio de Loyola

URL Uniforme Resource Locator

Tipos de URL ms utilizados: HTTP: para acceder a archivos HTML de un servidor Web. FTP: para acceder a servidores de archivos (servidores FTP). URL de archivo: cuando hace referencia a archivos almacenados en el disco duro local.
Programacin en Internet

Instituto San Ignacio de Loyola

La etiqueta <A>
Define los hipervnculos en la pgina HTML.
<A HREF="DestinoDelHipervnculo" NAME="ReferenciaEnLaPginaActual" TARGET="VentanaDestino" TITLE="MensajeExplicativoAdicional" ACCESSKEY="TeclaRpida" TABINDEX="OrdenDeTabulacin"> Texto del hipervnculo </A>
Programacin en Internet

10

Instituto San Ignacio de Loyola

Hipervnculo interno
Permite saltar desde la pgina actual a otra pgina en el mismo servidor. Las pginas vinculadas pueden estar en directorios diferentes. La direccin de destino del hipervnculo puede ser: Direccin relativa, o Direccin absoluta
Programacin en Internet

11

Instituto San Ignacio de Loyola

Hipervnculo interno
Direccin relativa <A HREF="EjemploB.HTML"> Para ir a EjemploB </A> Establece un vnculo desde la pgina actual a la pgina EjemploB.HTML ubicada en el mismo directorio.
Programacin en Internet

12

Instituto San Ignacio de Loyola

Hipervnculo interno
Direccin relativa <A HREF="../EjemploB.HTML"> Para ir a EjemploB </A> Establece un vnculo desde la pgina actual a la pgina EjemploB.HTML ubicada en el directorio que se encuentra encima del directorio actual.
Programacin en Internet

13

Instituto San Ignacio de Loyola

Hipervnculo interno
Direccin absoluta <A HREF="/Main/Modulos/EjemploB.HTML"> Para ir a EjemploB </A>
Observacin: Se recomienda el uso de direcciones relativas. Si utiliza direcciones absolutas, y luego mueve el directorio principal de su sitio Web, los vnculos se rompern, y tendr que volverlos a definir.
Programacin en Internet

14

Instituto San Ignacio de Loyola

Hipervnculo externo
Permite saltar desde la pgina actual a otra pgina ubicada en otro servidor. Para hacer referencia a la pgina del servidor remoto debe especificar su URL. <A HREF="http://www.uni.edu.pe"> Universidad Nacional de Ingeniera </A>
Revise el documento P012-HipervnculosExternos.HTML
Programacin en Internet

15

Instituto San Ignacio de Loyola

Marcador ancla
Define un vnculo hacia otra posicin en la misma pgina actual. Definicin del marcador: <A NAME="NombreMarcador"> Texto del marcador </A> Vnculo al marcador: <A HREF="#NombreMarcador"> Texto del hipervnculo </A> Revise el documento P013-Marcadores.HTML
Programacin en Internet

16

Instituto San Ignacio de Loyola

Proyecto del Alumno

Seleccin del giro de negocios servicios para su proyecto Web. Elaboracin del Escenario del Proyecto. Fecha de Presentacin: Semana 2

Programacin en Internet

17