Código HTML de la práctica 1
<![CDATA[
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<title>Pruebas con HTML5 - Tendencias Tecnológicas</title>
<link rel="stylesheet" href="style1.css">
</head>
<body> <!--Cabecera para la información general-->
<header>
<h1>Cabecera principal</h1>
</header>
<nav> <!--Zona para enlaces a información agrupada-->
<ul><!--lista no ordenada-->
<li>HTML5</li>
<li>CSS3</li>
<li>JavaScrip</li>
<li>Arte en general</li>
</ul>
</nav>
<section><!--parte principal-->
<article>
<header>
<h1>Cabecera para article</h1>
<p>cosas que poner sobre este article, por ejemplo sobre escultura</p>
</header>
<figure>
<img src="../images/perro.jpg">
</figure>
<figcaption>Esta quedaría bien en la entrada del teatro</figcaption>
<footer>
<p>Información sobre el escultor</p>
</footer>
</article>
<aside><!--lateral para información adicional-->
<blockquote>Twiter</blockquote>
<blockquote>Facebook</blockquote>
</aside>
</section>
<footer id="pie">MUGIT - 2019-20</footer>
</body>
</html>
]]>
Código HTML de la práctica 2
<![CDATA[
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<title>Pruebas con HTML5 - Tendencias Tecnológicas</title>
<link rel="stylesheet" href="style2.css">
</head>
<body> <!--Cabecera para la información general-->
<header>
<h1>Cabecera principal</h1>
</header>
<nav> <!--Zona para enlaces a información agrupada-->
<ul><!--lista no ordenada-->
<li>HTML5</li>
<li>CSS3</li>
<li>JavaScrip</li>
<li>Arte en general</li>
</ul>
</nav>
<section><!--parte principal-->
<article>
<header>
<h1>Cabecera para article</h1>
<p>cosas que poner sobre este article, por ejemplo sobre escultura</p>
</header>
<figure>
<img src="../images/perro.jpg">
</figure>
<figcaption>Esta quedaría bien en la entrada del teatro</figcaption>
<footer>
<p>Información sobre el escultor</p>
</footer>
</article>
<aside><!--lateral para información adicional-->
<blockquote>Twiter</blockquote>
<blockquote>Facebook</blockquote>
</aside>
</section>
<footer id="pie">MUGIT - 2019-20</footer>
</body>
</html>
]]>
Código HTML de la práctica 3
<![CDATA[
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<title>Pruebas con HTML5 - Tendencias Tecnológicas</title>
<link rel="stylesheet" href="style3.css">
</head>
<body> <!--Cabecera para la información general-->
<header>
<h1>Cabecera principal</h1>
</header>
<nav> <!--Zona para enlaces a información agrupada-->
<ul><!--lista no ordenada-->
<li>HTML5</li>
<li>CSS3</li>
<li>JavaScrip</li>
<li>Arte en general</li>
</ul>
</nav>
<section><!--parte principal-->
<article>
<header>
<h1>Cabecera para article</h1>
<p>cosas que poner sobre este article, por ejemplo sobre escultura</p>
</header>
<figure>
<img src="../images/perro.jpg">
</figure>
<figcaption>Esta quedaría bien en la entrada del teatro</figcaption>
<footer>
<p>Información sobre el escultor</p>
</footer>
</article>
<aside><!--lateral para información adicional-->
<blockquote>Twiter</blockquote>
<blockquote>Facebook</blockquote>
</aside>
</section>
<footer id="pie">MUGIT - 2019-20</footer>
</body>
</html>
]]>