Modulo 3RODRIGO ALFARO # WEB SOMETHING # RALFARO.PINTO@OUTLOOK.COM

Indices

Divs y Span.

Links (enlaces).

Estructuras de directories.

Anclas (anchors)

Ejemplo.

Ejercicios.

Divs y span

Las etiquetas <div> y <span> se conocen como las etiquetas de agrupacion. Dentro de ellas podemos tener etiquetas <p>, <h1>, etc.

Divs y span

Links (enlaces)

Existen 2 tipos de enlaces, a sitios web o a cuentas de correo electronico.

• A sitios web: <a href="http://www.itc.cl" target="_blank"> es un enlace a otra pagina web</a>

• A correos electrónicos: <a href="mailto:demo@demo.cl?subject=Esto es una prueba"> es un enlace para el cliente de correo que tengan instalado.</a>

Links (enlaces)

Estructuras de directorios

Una url esta compuesta de tres elementos:

• Tipo de Sistema.

• Host.

• Ruta del archive.

Estructura de directorios

Anclas (anchors)

Las anclas (anchors) nos permiten deslizarnos a alguna ubicacion dentro del mismo document *.html utilizando los ID.

<p><a href="#arriba">Subir</a></p>

Ejemplo

Ver carpeta ejemplo_modulo_3

Ejercicios

Construya una pagina web que accede a 3 tipos de documentos distintos, en distintas carpetas.

Contruya una pagina web extensa que contenga una ancla para volver a la parte superior de la pagina.

Bibliografia

Web programming with HTML, XHTML and CSS, 2nd Edition, Jon Duckett, Wiley Publishing Inc, paginas 49-67