Vinculacion del js y html

This commit is contained in:
2026-05-13 23:51:44 -03:00
parent 167bbaaf54
commit cf725df9a8

View File

@@ -1,18 +1,19 @@
<!DOCTYPE html> <!doctype html>
<html> <html>
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8" />
<meta name="viewport" content="width=device-width"> <meta name="viewport" content="width=device-width" />
<title>Comidas típicas de Argentina</title> <title>Comidas típicas de Argentina</title>
<link rel="stylesheet" href="estilo.css"> <link rel="stylesheet" href="estilo.css" />
</head> </head>
<body> <body>
<h1>Comidas típicas de Argentina</h1> <h1>Comidas típicas de Argentina</h1>
<div class="grupo-comidas"> <div class="grupo-comidas">
<p id="primer-parrafo" class="texto-inicial">Si bien cada región <p id="primer-parrafo" class="texto-inicial">
tiene sus propias comidas típicas, hay algunas que son Si bien cada región tiene sus propias comidas típicas, hay algunas que
tradicionales en casi todas las provincias:</p> son tradicionales en casi todas las provincias:
</p>
<ul class="lista-comidas" id="lista-inicial"> <ul class="lista-comidas" id="lista-inicial">
<li>Asado</li> <li>Asado</li>
@@ -21,15 +22,15 @@
<li>Tortas fritas</li> <li>Tortas fritas</li>
</ul> </ul>
<img id="foto" src="foto1.jpg" alt="Empanadas"> <img id="foto" src="foto1.jpg" alt="Empanadas" />
</div> </div>
<div id="parrafos"> <div id="parrafos">
<p>Este es un párrafo cualquiera.</p> <p>Este es un párrafo cualquiera.</p>
<p>Pero este es un párrafo muy importante.</p> <p>Pero este es un párrafo muy importante.</p>
<p>Es importante distinguir los párrafos relevantes de los <p>Es importante distinguir los párrafos relevantes de los comunes.</p>
comunes.</p>
<p>¿Y este párrafo? ¿Será importante?</p> <p>¿Y este párrafo? ¿Será importante?</p>
<p>Este es otro párrafo del montón.</p> <p>Este es otro párrafo del montón.</p>
</div> </div>
<script src="ejercicios-clase-8.js"></script>
</body> </body>
</html> </html>