Etiquetas

domingo, 17 de marzo de 2019

HTML5 (tercera parte)

Resumen de etiquetas:

en la página que aparece enlazada más abajo tienes que anotar 1 etiqueta HTML5 que hayamos visto hasta ahora, su utilidad y además apunta los atributos si es que los tiene y para qué sirven.

https://docs.google.com/spreadsheets/d/1P_1BMfy5T2kbMGFscgR4G0wswzv0rEdEW_TM8jme2xw/edit?usp=sharing

Pasada una semana podrás anotar otra etiqueta. Cuantas más anotes (máxima una por semana) más puntuación tendrás en la nota de los ejercicios de la evaluación.

Vínculos absolutos, relativos e internos.

Los vínculos absolutos son los que hacen referencia a una página que no está en nuestro sitio. Los relativos se dirigen a una página situada en nuestro sitio. Ambos usan la etiqueta <a>, de ancla. Esta etiqueta se abre con <a> y se cierra con </a>.

Para que al picar con el ratón el navegador nos lleve a algún sitio, la etiqueta <a> necesita del atributo href. Es este atributo el que nos indicará, entre comillas, la dirección adonde nos llevará el navegador.

Actividad 5.

Vemos un caso de hipervínculo absoluto: por ejemplo, en el poema.html insertaremos un hipervínculo a la página web del instituto Cervantes donde se halla la biografía de Espronceda. Dicho enlace es:  http://www.cervantesvirtual.com/portales/jose_de_espronceda/autor_biografia/

Para ello insertaremos la siguiente línea de código:
<a href="http://www.cervantesvirtual.com/portales/jose_de_espronceda/autor_biografia/">Para conocer la biografía de José de Espronceda pulsa aquí </a>

De este modo entre las etiquetas <a> y </a> aparecerá el texto que hará de hipervínculo con la página web de la biografía de Espronceda.

Guarda el archivo como poemaybio.html. Visualiza la página web desde Notepad++ picando en el navegador de tu preferencia para ver cómo queda la página y si funciona o no el hipervínculo.

Para que tu página quede más coherente, busca ahora una página con información sobre el autor/a del poema que has elegido e inserta un enlace a esa página, borrando el del ejemplo (biografía de Espronceda). Guarda la página como poemaybio2.html

Actividad 6.

Veamos un caso de hipervínculo relativo. En este caso, la dirección URL está incompleta porque las partes que faltan de la dirección las genera la propia página web en la que estamos.

En el mismo archivo poemaybio.html, debajo del hipervínculo creado anteriormente queremos poner otro vínculo al archivo poema.html que está en la misma carpeta que el archivo poemaybio.html, podemos escribir esta línea de código:

<a href="poema.html">Para ver el poema original pulsa aquí</a>

Actividad 7.

Al final del archivo poemaybio.html escribe: "Página creada por TU NOMBRE DE PILA. Para ver otros trabajos míos pulsa aquí". Crea un enlace que desde esta frase lleve a tu blog. Visualiza el resultado. Guarda la página.

Crea una nueva entrada en tu blog donde aparezca el archivo poemaybio.html.

No hay comentarios:

Publicar un comentario