Foros aprenderaprogramar.com
Aprender a programar => Aprender a programar desde cero => Mensaje iniciado por: hymsoft en 02 de Octubre 2016, 02:14
-
Buenas de nuevo, los archivos para el ejercicio de la entrega CU01054D del manual de programación web desde cero con CSS
Saludos!!!!
CU01054D.html
<!DOCTYPE html>
<html lang="es">
<head>
<meta name="author" content="Hugo A. Segura" />
<meta name="description" content="Cursor CSS" />
<meta name="keywords" content="curso, aprender a programar, html, css,(CU01054D)" />
<meta charset="utf-8" />
<meta name="robots" content="index, follow" />
<title>Entrega Nº 54 - aprenderaprogramar.com</title>
<link rel="stylesheet" type="text/css" href="CU01054D.css"/>
</head>
<body>
<div id="div1">
<p>Lorem ipsum dolor <a href="#">sit amet</a>, consectetur adipisicing elit. Accusamus possimus aut deserunt <a href="#">inventore veritatis</a>, temporibus rem? Odit, culpa porro sed officiis vero iusto similique <a href="#">consectetur quo</a> vitae minus, odio expedita.</p>
</div>
<div id="div2">
<a href="CU01054Db.html" target="_blank"><img src="http://i.imgur.com/fvPDQ4p.jpg" alt="Cerro Fitz Roy"></a>
</div>
</body>
</html>
CU01054Db.html
<!DOCTYPE html>
<html lang="es">
<head>
<meta name="author" content="Hugo A. Segura" />
<meta name="description" content="Cursor CSS" />
<meta name="keywords" content="curso, aprender a programar, html, css,(CU01054D)" />
<meta charset="utf-8" />
<meta name="robots" content="index, follow" />
<title>Entrega Nº 54 - aprenderaprogramar.com</title>
<link rel="stylesheet" type="text/css" href="CU01054D.css"/>
</head>
<body>
<figure class="foto_grande">
<img src="http://i.imgur.com/6pA7eaC.jpg" alt="Cerro Fitz Roy">
<figcaption><span>Cerro Fitz Roy</span> - Santa Cruz - Argentina</figcaption>
</figure>
</body>
</html>
CU01054D.css
* {
margin: 0;
padding: 0;
}
#div1, #div2{
float: left;
margin: 25px;
width: 200px;
height: 300px;
border: 5px solid violet;
}
#div1 a:hover{cursor: help;}
#div2 a img{width: 300px;height: 200px;cursor: zoom-in;}
.foto_grande img{
width: 800px;
height: 600px;
}
.foto_grande span{font-weight: bold;}
-
Hola hymsoft! :D
El ejercicio esta bien hecho.
Saludos.