ricardogj08
/
cursos


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960
							<!DOCTYPE html>
<html lang="es">
  <head></head>

  <body>
    <h1>App de Gatos</h1>

    <main>
      <section>
        <h2>Imágenes de Gatos:</h2>
        <p>Haz click aquí para ver más <a href="https://freecatphotoapp.com" target="_blank" rel="noopener noreferrer">imágenes de gatos.</a></p>
        <img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="Un lindo gato naranja recostado sobre su espalda.">
      </section>

      <hr>

      <section>
        <h2>Lista sobre gatos</h2>

        <h3>Cosas que aman los gatos:</h3>
        <ul>
          <li>Menta gatuna</li>
          <li>Apuntadores láser</li>
          <li><s>Lasaña</s></li>
        </ul>

        <figure>
          <img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/lasagna.jpg" alt="Una porción de lasaña en un plato.">
          <figcaption>Los gatos <em>aman</em> la lasaña.</figcaption>
        </figure>

        <h3>Cosas que odian los gatos:</h3>
        <ol>
          <li>Tratamientos antipulgas</li>
          <li>Truenos</li>
          <li>Otros gatos</li>
        </ol>

        <figure>
          <img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/cats.jpg" alt="Cinco gatos mirando alrededor de un campo.">
          <figcaption>Los gatos <strong>odian</strong> a otros gatos.</figcaption>
        </figure>
      </section>

      <hr>

      <section>
        <h2>Formulario</h2>
        <form action="https://freecatphotoapp.com/submit-cat-photo">

          <!-- Texto marcador de posición -->
          <input type="text" name="catphotourl" placeholder="URL de la foto de tu gato">

          <button type="submit">Enviar</button>
        </form>
      </section>
    </main>
  </body>
</html>