Ejercicios unidad 3: Hiperenlaces



Ejercicio 1: Practicar con hiperenlaces

Vamos a continuar creando la página principal (Home page) de un sitio web que empezamos en los ejercicios propuestos de las unidades anteriores. Para ello abre el archivo index.html de la carpeta ejercicios/cursos-aulaclic, que creamos anteriormente. Deberás tener el siguiente código:

 

<!doctype html>
<html lang="es">
<head>
<meta charset="utf-8" />
<title>aulaClic. Cursos gratis</title>
<link rel="stylesheet" type="text/css" href="css/aulaclic.css" />
</head>
<body>
<h1>aulaClic</h1>
<p>La primera web en español sobre cursos de informática gratis on-line.</p>
<h2>Cursos de aulaClic</h2>
<p>Access 2016, Excel 2016, Internet, Windows</p>
<h2>Cursos de colaboradores</h2>
<p>autoCAD 2015, Estadística con Excel, Joomla</p>
<hr>
<p><b>Política de cookies</b></p>
</body>
</html>

Abre también el archivo aulaclic.css de la carpeta ejercicios/cursos-aulaclic/css, que creamos anteriormente. Deberás tener el siguiente código:

/* CSS Hoja de estilo. aulaclic.css */
h1 { text-align: center}
h2 { color:blue}

Este ejercicio consiste en modificar la página index.html con estas características:

1. El último párrafo con la política de cookies debe enlazar con esta URL: https://www.aulaclic.es/portada/Política_cookies.html, el enlace se debe abrir en una nueva pestaña.

2. Sustituye el primera etiqueta h1 que tiene el texto: aulaClic, por la imagen logo_aulaclic.png que puedes encontrar en la carpeta de ejercicios/unidad-3/cursos-aulaclic/graficos. Esta imagen será un enlace a la página por defecto del dominio www.aulaclic.es.

3. Modifica la hoja de estilo para que los enlaces no tengan la línea de subrayado que tienen por defecto en la pseudoclase link.

4. Guarda los archivos con los mismos nombres que ya tienen index.html y aulaclic.css.

 

Puedes consultar aquí las soluciones propuestas, primero intenta resolverlo sin ayuda.


Enero-2019 (V 2.2)
Atrás Volver Adelante






Página inicial  Cursos Informática Gratuitos

Síguenos en:   Facebook       Sobre aulaClic            Política de Cookies


© aulaClic. Todos los derechos reservados. Prohibida la reproducción por cualquier medio.