You are on page 1of 3

Hipertexto

Es aquel documento que presenta una estructura arborescente, con relaciones múltiples entre sus contenidos, que posibilitan la consulta no lineal de la información. Así pues, desde una página escrita en HTML podremos saltar a otro punto de la misma página, a otra página perteneciente a la misma sede WEB, a cualquier otra página que esté publicada en Internet y acceder a servicios tales como la transferencia de ficheros o el correo electrónico. El primer tipo de enlace que vamos a trabajar será el enlace externo. Lo denominamos así porque permite saltar de una página a otra diferente. La etiqueta <a> es de línea.

Enlaces externos ETIQUETA
<a></a> href="destino.html" title="texto"

ATRIBUTO

DESCRIPCIÓN
Encierran el texto o la imagen que sirve de soporte al enlace Dirección de la página de destino Texto emergente que aparece al colocarnos sobre el enlace

9 Crear una página Principal, que enlace con otras dos, y estas cuenten con enlaces para volver a la primera. 9 Añadirle a la página Principal, un enlace a una página que no se encuentre en tu portal. El enlace de descarga, sirve para ofrecer información almacenada en un formato que no puede interpretar el navegador.

Enlaces de descarga ETIQUETA ATRIBUTO
<a></a> href="destino.xxx" title="texto"

DESCRIPCIÓN
Encierran el texto o la imagen que sirve de soporte al enlace Si la extensión no es reconocible por el navegador para mostrarla, da la posiblilidad de descargar el archivo En este caso es interesante mostrar el tamaño de la descarga

9 Agregar a la página Principal, un enlace de descarga a este mismo documento. Enlaces internos son aquellos que nos llevan a otro lugar de la misma página. Cuando tenemos que mostrar una gran cantidad de texto, debemos de fragmentarlo en apartados o epígrafes. Una vez llevada a cabo esta tarea, habrá que facilitar al visitante la localización de cada uno de los epígrafes, por lo que el método recomendable puede incluir los siguientes rasgos característicos: 1. Adjudicar a cada epígrafe o bloque conceptual del texto, un título significativo y resaltarlo visualmente. 2. Crear un índice de los epígrafes desarrollados a lo largo del texto y situarlo al principio de la página. 3. Crear enlaces entre cada punto del índice y el inicio del texto correspondiente al mismo. 4. Crear enlaces de vuelta al índice desde el final de cada epígrafe. La creación del enlace interno se efectua en dos pasos: 1. Identificar aquellas etiquetas que puedan recibir un enlace (por norma general, etiquetas <hn>). Para ello tenemos que utilizar el atributo id, y asignar un identificador a la etiqueta destino. El identificador debe ser único dentro del documento <h2 id="punto1">Esto es lo que es</h2>

7

body : El texto del mensaje. Usease: <a href="mailto:direccion@correo.. • • cc : Enviar una copia del mensaje a la dirección indicada.es&subject=Burro"> Escribeme </a> Un problema común a la hora de incluir el texto del mensaje en un enlace es que. que nos lleve al principio de cada uno de los apartados. &body=Hola. Enlaces de correo ETIQUETA <a></a> href="mailto:email" ATRIBUTO DESCRIPCIÓN Encierran el texto o la imagen que sirve de soporte al enlace Enlace de correo <a href="mailto:direccion@correo. no hay quien ponga espacios ni varias líneas en el mismo. introducimos el indentificador precedido del signo # <a href="#punto1">Enlace al punto 1</a> Enlaces internos ETIQUETA ATRIBUTO Cualquiera id="identid¡ficador" <a></a> href="#identificador" href="pagina#identificador" DESCRIPCIÓN Etiqueta que servirá de destino al enlace interno Identificador o nombre único que damos a la etiqueta Encierran el texto o la imagen que sirve de soporte al enlace Enlaza con una referencia interna ya creada Enlaza con una referencia interna ya creada en otra página 9 En una página crear varios apartados. Esto se soluciona utilizando la codificación reservada a caracteres de control y extendidos. 9 Añadirle un menú al principio de la página."> Escribeme </a> 9 Colocar en la página Principal un enlace de correo con tu e-mail.%20zoquete. Crear el enlace: como valor del atributo href del enlace. Son los siguientes: • subject : El asunto del mensaje.. 8 . 2. a primera vista. Para poner un espacio escribiremos %20 y para cambiar de línea %0D%0A : <a href=".Nota: en XHTML estricto.%0D%0ABurro%20es%20con%20B. La manera de escribir todo esto dentro del enlace es muy sencilla. 9 Al final de cada apartado poner un enlace que nos lleve al menú del principio.com"> Escribeme </a> Rellenar algunos campos del mensaje siguiendo la codificación estándar de las URL. Los enlaces de correo. ponemos un signo de interrogación seguido de una serie de parejas de la forma campo=valor separados por símbolos de ampersand (&). los identificadores no pueden comenzar con una cifra. Después de poner la dirección de envío como hicimos arriba. y sus correspondientes encabezados.com?cc=otradir@correo. son aquellos que al pulsarlos arranca la aplicación de correo electrónico y coloca en ella una determinada dirección como destinatario.

9 Crear una hoja de estilos externa. que contenga reglas de estilo para las primeras cuatro pseudoclases y aplicarlas a los ejercicios anteriores. Se utiliza principalmente en formularios. 9 En la misma hoja de estilos. El orden en el que se deben especificar estas pseudoclases en las hojas de estilos. agregar algunas reglas de estilo para que la página quede más estética. 9 .Pseudoclases (CSS) El lenguaje CSS permite utilizar unas clases especiales. es el que se ha utilizado para describirlas. Se activa al recibir el foco. pero que aún no han sido visitados Asigna un estilo a los enlaces visitados Asigna un estilo que se activa al pasar el ratón encima del enlace El estilo se activa al hacer click con el botón izquierdo del ratón sobre el elemento Cambiar el estilo de aquellos elementos XHTML que puedan recibir el foco de atención del cursor. para que tengan efecto. PseudoClases SELECTOR a:link a:visited a:hover a:active :focus SIGNIFICADO Cambia el aspecto de los enlaces que aparecen en el documento. que no son clases tal y como veremos más adelante: las pseudoclases.