Código HTML
<html lang="es">
<head>
<meta charset="utf-8">
<title></title>
<link rel="stylesheet" href="mi_estilo4.css">
</head>
<body>
<div id="grupo">
<header id="cabecera">
<h1> </h1>
</header>
<nav id="menu">
<ul>
<li> </li>
<li> </li>
<li> </li>
<li> </li>
</ul>
</nav>
<section id="seccion">
<article>
<header>
<hgroup>
<h1> </h1>
<h2> </h2>
</hgroup>
</header>
<figure>
<img src="images/paisaje.JPG" alt="foto paisaje" width="100%" height="auto"/>
<figcaption></figcaption>
</figure>
<footer>
<p></p>
</footer>
</article>
<article>
<header>
<hgroup>
<h1> Título 2</h1>
<h2> </h2>
</hgroup>
</header>
<figure>
<img src="images/puente.jpeg" alt="foto puente" width="100%" height="auto"/>
<figcaption></figcaption>
</figure>
<footer>
<p></p>
</footer>
</article>
</section>
<aside id="columna">
<blockquote>/blockquote>
<blockquote></blockquote>
</aside>
<footer id="pie">
</footer>
</div>
</body>
</html>