4) Situar 2 Imagenes Dentro De Los Div De La Pregunta 1

El Código Es:

 

<html>

	<head>
	</head>
	<body>				
		<div class="box1"><img src="apple.jpg"/></div>		
		<div class="box2"><img src="apple1.jpg"/></div>
	<style type="text/css">
		.box1 {
		float: left;
		}

		.box2 {
		padding: 5px 5px;
		margin: 190px 190px;
		position: absolute;
		float: left;
		}
	</style>
	</body>
</html>

 

3) El Nombre De Compañero Es Un Enlace a Una Pñagina Que Se Llama sunombre.html

El Código Es:
<html>
	<head>
	</head>
	<body>
		<html>
	<head>
	</head>
	<body>
		<ul>
			<li><a href="borja.html">Borja</a></li>
			<li><a href="jesusb.html">Jesus B</a></li>
			<li><a href="jesusp.html">Jesus P</a></li>
			<li><a href="antonio.html">Antonio</a></li>
			<li><a href="joseph.html">Joseph</a></li>
			<li><a href="xavi.html">Xavi</a></li>
			<li><a href="monse.html">Monse</a></li>
		</ul>
	</body>
</html>

1) Realizar 2 Cuadros Soplados En 2 Div, Uno Rojo Abajo y Otro Azul Encima

El código es:

<html>
	<head>
	</head>
	<body>
		<div class="box1"></div>
		<div class="box2"></div>
	<style type="text/css">
		.box1 {
		width:300px;
		height:300px;
		background:red;
		float: left;
		}

		.box2 {
		width:300px;
		height:300px;
		background:blue;
		padding: 5px 5px;
		margin: 200px 200px;
		position: absolute;
		float: left;
		}
	</style>
	</body>
</html>