ricardogj08
/
cursos


			
				
					
						
						
							12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970
							<!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">
          <input type="text" name="catphotourl" placeholder="URL de la foto de tu gato" required>

          <!-- Input radio del mismo grupo -->
          <label for="interior">
            <input type="radio" id="interior" name="interior-exterior">
            Interior
          </label>
 
          <!-- Input radio del mismo grupo -->
          <label for="exterior">
            <input type="radio" id="exterior" name="interior-exterior">
            Exterior
          </label>

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