0% encontró este documento útil (0 votos)
14 vistas3 páginas

Taller 1 Diseño Web

Descargar como docx, pdf o txt
Descargar como docx, pdf o txt
Descargar como docx, pdf o txt
Está en la página 1/ 3

Taller 1

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<title>Document</title>

<link rel="stylesheet" href="estilos/estilos.css">

<link rel="preconnect" href="https://fonts.googleapis.com">

<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>

<link href="https://fonts.googleapis.com/css2?
family=Edu+AU+VIC+WA+NT+Guides:wght@400..700&family=Playfair+Display:ital,wght@0,400..9
00;1,400..900&display=swap" rel="stylesheet">

</head>

<body>

<!-- Las siguientes lineas muestran el encabezado del web site -->

<header>

<div class="Box">

<div class="contenido1">

<img src="Imagenes/energiasalt.jpg" alt="Logotipo de la empresa">

</div>

<div class="Contenido2">

<h1>MI SITIO WEB DE LAS ENERGIAS ALTERNATIVAS</h1>

</div>

<div class="contenido3">

<a href="#"><img src="Imagenes/youtube_logo_icon_134601.webp" alt="logo


youtube"></a>

<a href="#"><img src="Imagenes/whatsapp-icon-free-png.webp" alt="logo


whatapp"></a>

<a href="#"><img src="Imagenes/facebook.webp" alt="Logo facebook"></a>


<a href="#"><img src="Imagenes/TIKTOK.webp" alt="Logo Tiktok"></a>

</div>

</div>

</header>

<!--las siguientes lineas muestrab el menu de navegacion de la pagina web-->

<nav class="navbar">

<ul class="menu">

<li><a href="#">INICIO</a>

<ul class="submenu">

<li><a href="#">ENERGÍA</a></li>

<li><a href="#">PRINCIPIO DE CONSERVACIÓN</a></li>

<li><a href="#">ENERGÍA POTENCIAL</a></li>

<li><a href="#">ENERGÍA CINETICA</a></li>

</ul>

</li>

<li><a href="#">ENERGÍA EÓLICA</a>

<ul class="submenu">

<li><a href="#">CARACTERÍSTICAS</a></li>

</ul>

</li>

<li><a href="#">ENERGÍA SOLAR</a>

<ul class="submenu">

<li><a href="#">CARACTERÍSTICAS</a></li>

</ul>

</li>

<li><a href="#">ENERGÍA HIDRAULICA</a>

<ul class="submenu">

<li><a href="#">CARACTERÍSTICAS</a></li>

</ul>
</li>

<li><a href="#">ENERGÍA UDIMOTRIZ</a>

<ul class="submenu">

<li><a href="#">CARACTERÍSTICAS</a></li>

</ul>

</li>

<li><a href="#">BIOMASA</a>

<ul class="submenu">

<li><a href="#">CARACTERÍSTICAS</a></li>

</ul>

</li>

</ul>

</nav>

</body>

</html>

También podría gustarte