Reto: crea tu lista de compras del supermercado

Si no quieren tener hambre no vayan al de los burritos xd

    <nav>
      <ul>
        <li>Frutas:</li>
        <ol>
          <li>Manzana 🍎</li>
          <li>Piña 🍍</li>
          <li>Banana 🍌</li>
        </ol>
      </ul>
      <ul>
        <li>Carnes:</li>
        <ol>
          <a
            href="https://www.youtube.com/watch?v=qpSYO-QNvIY"
            target="_blanck"
          >
            <li>Carne para unos Burritos de Asada 🌮</li>
          </a>
          <li>Pechuga 🍗</li>
          <li>Salmon para Sushi 🍣</li>
        </ol>
      </ul>
      <ul>
        <li>Verduras:</li>
        <ol>
          <li>Brocoli 🥦</li>
          <li>Limon 🍋</li>
          <li>Cebolla para los burritos 🧅</li>
        </ol>
      </ul>
    </nav>

Rhonald de Jesús Rojas Monsalve

agregue al codigo target="_blank" para que cuando se le de clic la la palabra abra en otra ventana distinta a la lista de mercado

Leidy Johana Alarcon Moya

Listo mi Reto!

Alejandro Ramos

Resultado del desafío :3

<!DOCTYPE html>
<html lang="es">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="estilos.css">
    <title>Lista!</title>
</head>
<body>
    <main>
        <h1>Lista del Supermercado:</h1>
        <ul>
            <li>Papel de Baño.<img src="./papel.svg"></li>
            <li>Papel de Baño.<img src="./papel.svg"></li>
            <li>Papel de Baño.<img src="./papel.svg"></li>
            <li>Papel de Baño.<img src="./papel.svg"></li>
            <li>Papel de Baño.<img src="./papel.svg"></li>
        </ul>
        <br>
    <h2>¡NO HAY QUE COMPRAR TANTO PAPEL DE BAÑO!</h2>
    <ul>
        <li>Papel de Baño.<img src="./papel.svg"></li>
        <li><del>Papel de Baño.</li></del>
        <li><del>Papel de Baño.</li></del>
        <li><del>Papel de Baño.</li></del>
        <li><del>Papel de Baño.</li></del>
    </ul>
</main>
</body>
</html>

/* CSS */
body
{
    background: #EEEEFF;
}

main
{
    width: 48%;
    height: auto;
    margin: 20px auto;
    padding: 10px 20px;
    font-family: Arial, Helvetica, sans-serif;
    color: #303030;
    background: #FFFFFF;
    box-shadow: 6px 6px 10px -6px #00000066;
    border-radius: 4pt;
}

h1, h2
{
    font-size: 16px;
}

li
{
    margin: 20px 0;
}

img
{
    width: 30px;
    height: 30px;
    position: relative;
    left: 20px;
}

Nicolás Soler Ayala

<code>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="description" content="vivimos por una experiencia"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="robots" content="index,follow"/>
    <title>SAGIC: Ux for life</title>
    <style>
        body 
        {
            background-color: #301b4d;
            color: antiquewhite;
            font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
        } 
        strong
        {
            background-color: black;
        }
        main 
        {
            display: flex;
            justify-content: center;
            align-items: center;
            flex-direction: column;
            width: 900px;
            margin: -50px auto;
        } 
    </style>
    
</head>
<body>
    <header>
        <img src="D:\giocs\Documents\2. Work\1. Sagic\1. Imagen\Imagotipo_B.png" 
        alt="Imgagotipo de sagic"
        width="217"
        height="60"
        title="Vivimos por una experiencia">       
    </header>
    <main>
        <section>
            <article></article>
        </section>
        <h1> <a href="https://www.revistaagenda.net/blog/que-es-el-diseno-ux-y-como-mejora-la-educacion-superior/" target="blank"> UX for life</a> </h1>
        <h3>ux en la paternidad</h3>    
        <p>Ésta es mi visión de como puedo mejorar la experencia de vida en mi hijo</p>
        <ol>
            <li>Investigación</li>
                <ul>
                    <li>Preguntarle qué es lo que más le divierte✨</li>
                    <li>Analizar sus juegos🥇</li>
                    <li>Analizar los programas que ve📺</li>
                    <strong>Toda la información es útil</strong>
                </ul>
            <li>Organización</li>
                <p>Relacionaremos el propósito del negocio (papá mentor👨🏻‍🏫) y las necesidades del usuario (Simón feliz👱🏻‍♂️)</p>
                <ul>
                    <li>Lluvia de ideas de proyectos a ralizar, deben cumplir con el propósito y el contenido💡</li>
                    <li>Programación de actividades📕</li>
                    <li>Establecer objetivos al terminar los proyectos📈</li>
                </ul>
            <li>Prototipo</li>
                <ul>
                    <li>Integración de conceptos nuevos para nutrir su aprendizaje por medio del juego</li>
                    <li>Esquema básico de los proyectos (simon siempre participá en cada paso)🖍</li>
                    <li>Ampliamos el nivel de detalle, ejecutando las mejoras percibidas✂</li>
                </ul>
            <li>Pruebas</li>
                <ul>
                    <li>Pruebas de los prototipos🔦📖</li>
                    <li>Análisis del nivel de aceptación de Simón con respecto a los prototipos</li>
                </ul>
            <li>Ejecucución</li>
                <ul>
                    <li>Desarrollo de los proyectos</li>
                </ul>
            <li>Análisis de los resultados</li>
        </ol>
    </main>
    
</body>
</html>

heyraoul

Gonzalo Vidal

Aprovecho pa linkear un canal de recetas de comidas peruanas que tenía

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Lista del mercado</title>
  <meta name="robots" content="index, follow">
</head>
<body>
    <header>
      <p>Lista del mercado (comidas peruanas) - durante Covid19</p>
    </header>
    <main>
      <ul>
        <li>
          Frutas
          <ol>
            <li>2 manos de plátano</li>
            <li> <a href="https://www.instagram.com/p/B6yIJf4BEXn/">300gr arándanos</a></li>
            <li>1kg naranja de jugo</li>
            <li>250gr de kiwi</li>
          </ol>
        </li>

        <li>
          Carnes
        </li>
          <ol>
            <li>2 pollos</li>
            <li>6 trozos de pavita-medallón</li>
            <li> <a href="https://www.instagram.com/p/B68lmhhBDfN/">1kg de bisteck</a></li>
              
            
            <li>5 chuletas</li>
            <li>500gr de carne molida</li>
          </ol>

        <li>
          Verduras
        </li>
          <ol>
            <li>4kg de papa blanca</li>
            <li>3kg de camote</li>
            <li> <a href="https://www.instagram.com/p/B63j_x-Bc6O/">1kg de zapallo</a></li>
            <li>300gr de espárragos</li>
            <li>Hierbas</li>
          </ol>   

          <li>
            Tienda Naturista
          </li>
            <ol>
              <li> <a href="https://www.instagram.com/p/B7TM1GUBmkM/">250gr pecanas</a></li>
              <li>250gr nueces</li>
              <li>250gr pasas</li>
              <li>250gr almendras</li>
            </ol>      
        
      </ul>
    </main>
    <footer>
      <p>Gonza dice: RECUERDA desinfectar los alimentos al volver a casa!!!</p>
    </footer>
</body>
</html>

Paula Correa

Alberto García Pérez

Os dejo por aquí un articulo en el que te cuenta la vulnerabilidad del target="_blank"
https://ayudawp.com/la-vulnerabilidad-target_blank-la-solucion-relnoopener-noreferrer-wordpress/

Si lo leeis vereis que teneis que añadir target="_blank" rel="noopener noreferrer"
para no tener vulnerabilidades.

Juan Pablo Huertas Nuñez

Hector Márquez

Un día tranquilo… 😁

Arturo Malgor

Mi enlace esta en el emogi =)

Cristian Yesid Alvarez Castellanos

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="description" content="Esta pagina te mostrará fotos de gatos!" />
  <meta name="robots" content="index,follow" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Lista del supermercado</title>
  <style>
    body {
      background-color: bisque;
    }

    h1 {
      color: darkcyan;
    }

    li {
      font-size: 20px;
    }

    main {
      display: flex;
      justify-content: center;
      align-items: center;
      flex-direction: column;
      border: 1px solid chocolate;
      width: 500px;
      margin: 140px auto;
    }
  </style>
</head>
<body>
  <main>
    <h1>Soy la lista del supermercado!</h1>
    <ul>
      <li>Frutas</li>
      <ol>
        <li>Manzanda</li>
        <li>Pera</li>
        <li>Lulo</li>
        <li>Maracuya</li>
        <li>Piña</li>
      </ol>
    </ul>

    <ul>
      <li>Carnes</li>
      <ol>
        <li>Pollo</li>
        <li>Pescado</li>
        <li>Carne de Res</li>
        <li>Carne de cerdo</li>
        <li>Chicharron</li>
        <li>Carne molida</li>
      </ol>
    </ul>

    <ul>
      <li>Verduras</li>
      <ol>
        <li>Tomate</li>
        <li>cebolla</li>
        <li>Zanahoria</li>
        <li>Pimenton</li>
        <li>Ajo</li>
      </ol>
    </ul>

    <h6>Created by Cristian Alvarez</h6>
  </main> 
</body>
</html>```

Raul Hernández

Les recomiendo el atajo de

Alt + Shift + up/down

para copiar una linea arriba o abajo, perfecto para no andar copiando y pegando cada li

 <h1>List.ia</h1>
            <h2>Te recomendamos recetas con IA :P</h2>
            <ul>
                <li>Bebidas</li>
                <ol>
                    <li><a href="https://www.instagram.com/mtycheves/" target="_blank" rel="noopener noreferrer">Cheve</a></li>
                    <li>Bacacho</li>
                </ol>
                <li>Salsa</li>
                <ol>
                    <li>Verde</li>
                    <li>Roja</li>
                </ol>
                <li>Granos</li>
                <ol>
                    <li>Quinoa</li>
                    <li>Frijoles</li>
                </ol>
            </ul>

Edgar Ubaldo

Les dejo el link de mi repo de este ejemplo, saludos
https://github.com/EdgarMC100/HTML-CSS

Paula Andrea Rueda Arcila

Listo el desafío, les dejé unas recetas delisss 😄

Captura de pantalla de 2021-02-22 23-16-01.png

Samuel Cornelio Santiago

Gonzalo Benitez

La verdad que le estoy metiendo con todas las ganas.
es fea la elección de colores, pero creo que incluí bastante.
A no rendirse, en mi caso me acabo de quedar sin trabajo, tengo 36 anos y acabo de tener una hija. Asi que hago esto porque me gusta y darle un mejor pasar a ella.

Gracias y porfa toda la ayuda y criticas son bien recibidas.

Esteban Abella Pasos

Agregue CSS para estilizarlo un poco, hope you like! 😊

Catalina Escobar Villamil

Screen Shot 2021-10-27 at 1.46.00 PM.png

Screen Shot 2021-10-27 at 1.45.50 PM.png

Brayan Cruz

<!DOCTYPE html>
<html lang="es">
 <head>
     <meta charset="UTF-8" />
     <meta name="description" content="Solo quiero reír" />
     <meta name="robots" content="index,follow"/>
     <title>Mercado Colombiano</title>
     <meta name="viewport" content="width=divice-width, initial-scale=1.0">
     <link rel="stylesheet" href="./css/style.css">
 </head>
 <body>
     <style>
         body{
            background-image: linear-gradient(180deg, #b4f2a0 0, #a1ec9c 16.67%, #89e397 33.33%, #6cd890 50%, #49cd8a 66.67%, #10c488 83.33%, #00bd88 100%);
         }
     </style>
     <h1>💪Lista fitness💪</h1>
     <header>
         <nav>

         </nav>
     </header>
     <main>
         <section>
             <article>

             </article>
         </section>
         <li><strong>PROTEINAS</strong></li>
         <ol>
             <li>Pollo🍗</li>
             <li>Carne🥩</li>
             <li>Pescado</li>
             <li>Cerdo🥓</li>
             <a href="https://www.menshealth.com/es/nutricion-dietetica/a2000508/cuantas-proteinas-tiene-un-huevo/" target="_blank"><li>Huevos🥚</li></a>
         </ol>
         
         <li><strong>Frutas</strong></li>
         <ol>
             <li>Manzana🍎</li>
             <li>Banano🍌</li>
             <li>Mango🥭</li>
             <li>Kiwi🥝</li>
         </ol>
         <li><strong>Vegetales</strong></li>
         <ol>
             <li>Zanahoria🥕</li>
             <li>Tomate🍅</li>
             <li>Cebolla🧅</li>
             <a href="https://www.youtube.com/watch?v=EwBsXe0dUb8" target="_blank"><li>Brocoli🥦</li></a>
         </ol>
         <footer>

         </footer>
         <div>

         </div>
         
     </main>
 </body>
</html>

Captura de pantalla de 2021-04-09 12-10-21.png

Leandro Tenjo

No estoy seguro de que quedara totalmente bien.
Trabajo en eso 😅


<!DOCTYPE html>
<html lang=es>
    <head>
        <meta charset="UTF-8" />
        <meta name="description" content="Lista de Mercado" />
        <title>Lista de Mercado</title>
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    </head>

    <body>
        <main>
            <h1>Receta de Huevitos con pan y Chocolatico</h1>
            <section>
            <h3>Ingredientes:</h3>
            <section>
                <li>🥚 Unos tres Huevos</li>
                <li>🍞 Pan Tajado</li>
                <li>🧅 Cebolla</li>
                <li>🍅 Tomate</li>
                <li>🧂 Sal</li>
                <li>🍫 Chocolate</li> 
                <li>🥛 Leche</li>
                <li>🧀 Queso</li>
                <li>🥖 Salchichitas</li>
                <li>🍴 Tener senda Hambre</li>
            </section>

            <section>
            <h3>Preparacion</h3>
            <ol>
                <li><a href="https://bit.ly/3dSUHOW">Hacer Los huevos</a></li>
                <article>
                    <p>En una sarten poner los huevos con la cebolla y el tomate. Dejar cocinar y Listos</p>
                </article>

                <li><a href="https://bit.ly/3t8qUbu">Hacer el Chocolate</a></li>
                <article>
                    <p>En una Olleta poner la leche con el Chocolate y el Queso. No dejar regar y Listos</p>
                </article>

                <li>Meter los huevos en el pan</li>
                <article>
                    <p>Agarrar par de panes y ponerles huevos en medio. Aplastar al gusto</p>
                </article>
                
                <li>Disfrutar los manjares de la cocna Gourmet</li>
                <article>
                    <p>Disftutar esta receta de cocina 5 estrellas</p>
                </article>
            </ol>
            </ul>
            </section>
        </main>

        <footer>
            <h4> 👨‍🍳 Hecho con amor al arte</h4>
        </footer>
    </body>

</html>

Y así se ve en el navegador:

Robi Henriquez

    <main>
        <h1>Lista de Compras</h1>
        <section>
            <ul>
                <li>Frutas</li>
                <ol>
                    <a href="https://www.comedera.com/receta-para-hacer-un-pie-de-manzana/"><li>Manzana</li></a>
                    <li>Pera</li>
                    <li>Naranja</li>
                </ol>
                <li>Verduras</li>
                <ol>
                    <li>Papa</li>
                    <li>Zanahoria</li>
                    <li>Yuca</li>
                </ol>
                <li>Carnes</li>
                <ol>
                    <li>Carne Molida</li>
                    <li>Chuleta</li>
                </ol>
            </ul>
        </section>
    </main>```

Humberto Maximo Perez Ortiz

<code>
```<html lang="es">

<head>
   <meta charset="UTF-8"/>
   <meta name="description" content="Lista para comprar en el supermercado"/>
   <meta name="robots" content="index,follow">
   <title>Tu mejor acompañante en el super</title>
   <meta name="vierwport" content="width=device-width, inictial-scale=1.0">
   <link rel="stylesheet" href="style.css">
</head>

<body>
  <header>
     <h1>Soy la lista del super</h1>
  </header>
  <main>
     <ul>
        <li>Frutas</li>
        <ol>
           <li>Manzana</li>
           <li>Piña</li>
           <li>Banana</li>
        </ol>
      </ul>
      
      <ul>
         <li>Carnes</li>
         <ol>
            <li>Pollo</li>
            <li>Carne molida</li>         
         </ol>
      </ul>

     <ul>
        <li>Verduras</li>
        <ol>
           <li>Pollo</li>
           <li>Zanahoria</li>
        </ol>
     </ul>
  </main>

<footer>
   <p>Creado con Amor</p>
</footer>
</body>

</html>

Luis Alberto G. Castillo

listo!!!

Ronald Alexander Palacios Garrido

++Lista de compra de Electrodomésticos ++

Captura de pantalla 2021-10-25 162901.png

<!DOCTYPE html>
<html lang="es">
    <head>
        <meta charset="UTF-8"/>
        <meta name="description" content="Esta página te mostrata la lista de compra de electrodomésticos"/>
        <meta name="robots" content="index,follow"/>
        <title>Compra de electrodomésticos</title>
        <meta name="viewport" content="width=device-width,initial-scale=1.0"/>
        <link rel="stylesheet" href="./css/style.css">
    </head>
    <body>
        <header>
            <nav></nav>
        </header>
        <main>
        <h1>Compra de electrodomésticos</h1>
        <ul>  
            <li>Para el mantenimiento de la casa.</li>   
            <ol>
                <li><a href="https://www.consumoteca.com/electrodomesticoss/aspiradora/"> Aspiradora.</a></li> 
                <li><a href="https://www.google.co.ve/search?q=plancha&tbm=isch&ved=2ahUKEwiphvqLr-bzAhUTwikDHd4dCLAQ2-cCegQIABAA&oq=plancha&gs_lcp=CgNpbWcQAzIECAAQQzIECAAQQzIECAAQQzIICAAQgAQQsQMyBQgAEIAEMgUIABCABDIFCAAQgAQyBQgAEIAEMgUIABCABDIFCAAQgARQ-K8DWNC6A2CywgNoAHAAeACAAYoBiAGSCJIBAzAuOJgBAKABAaoBC2d3cy13aXotaW1nwAEB&sclient=img&ei=Dg93YanHHJOEp8kP3ruggAs&bih=722&biw=1536#imgrc=gfOqbuj7SP-KmM">Plancha.</a></li> 
            </ol>                       
        </ul>
        <ul> 
            <li>Para la preparación de alimentos.</li>     
            <ol>
                <li><a href="https://comtech.com.ni/wp-content/uploads/2020/07/SANDWICHERA-DOBLE-PROCTOR-SILEX-02.png">Sandwichera.</a></li> 
                <li><a href="https://www.paris.cl/licuadora-oster-blstpyg1210rbg-738503999.html">Licuadora.</a></li> 
            </ol>                       
            </ul>
            <ul> 
                <li>Para la higiene y belleza.</li>     
                <ol>
                    <li><a href="https://s.libertaddigital.com/2020/07/18/secador-pelo-remington-ac9096-silk.jpg">Secador de pelo.</a></li> 
                    <li><a href="https://s.libertaddigital.com/2020/08/03/plancha-de-pelo-s8590-keratin-therapy-pro-remington.jpg">Alisadora de pelo.</a></li> 
                </ol>                       
                </ul>
        </main>
        <footer></footer> 
    </body>
</html>

Miguel Angel Ramirez Echeverry

Alejandra Marín Orozco

Listo !!

Pachas Jenifer

Aqui el código

HTML

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta name="description" content="Esta página te mostrará una lista del super">
	<meta name="robots" content="index.follow">
	<title>Lista del super</title>
	<meta name="viewport" content="width-device width, inictial-scale=1.0">
	<link rel="stylesheet" type="text/css" href="./css/style.css">
</head>
<body>
	<main>
	<h1>Lista del super mercado</h1>
	<h2>¿Cuál es el impostor?</h2>
	<ul>
		<li>
			<h4>Verduras</h4> 
		</li>
		<ol>
			<li>
				<u>Lechuga</u>
			</li>
			<li>
				<a href="https://www.google.com/search?q=receta+con+papa+a+la+huancaina&source=lmns&bih=787&biw=1378&client=firefox-b-d&hl=es-419&sa=X&ved=2ahUKEwipmeL22ND0AhXkBLkGHf1bBW8Q_AUoAHoECAEQAA">Papa</a>
			</li>
			<li>
				<u>Zanahoria</u>
			</li>
		</ol>
		<li>
			<h4>Frutas</h4> 
		</li>
		<ol>
			<li>
				<u>Fresa</u>
			</li>
			<li>
				<u>Mango</u>
			</li>
			<li>
				<u>Naranja</u>
			</li>
		</ol>
	</ul>
	</main>
</body>
</html>

CSS

body{
	background-color: lightyellow;
}
h1{
	color: black;
	font-family: "Helvetica";
	background-color: lightcyan;
}

h2{
	color: red;
	font-family: "Arial";
}

li{
	color: #41026c;
	font-size: 20px;
}

h4{
	color: #c13d7f;
}

main{
    width: 60%;
    height: auto;
    margin: 40px auto;
    padding: 40px 20px;
    font-family: Arial, Helvetica, sans-serif;
    color: #303030;
    background: #fff0ff;
    box-shadow: 10px 6px 10px -6px #00000066;
    border-radius: 4pt;
}
``

María Del Pilar Chávez Gutiérrez

Esta etiqueta es la que usamos para linkear con otra, por ejemplo si queremos que nuestra lista lleve un link ponemos nuestro código de la siguiente forma:

<li><a href=“Aquí va el link que deseas agregar” target="_blank">Pastel</a></li>

“_blank” Se utiliza para que él link se abra en otra página y no se cierre la página en la que esta el usuario.

Jose David Nicomedes Herrera Soto

Desafío Completado

.
Si desean, pueden ver los archivos del desafío ingresando al siguiente enlace:
https://github.com/DaverSoGT/Curso-Definitivo-HTML-y-CSS/tree/lista

Daniel Rojas Artiaga

<h1>Soy la lista del super!</h1>
<ul>
    <li>Frutas</li>
    <ol>
        <li><a href="https://www.kiwilimon.com/buscar?q=manzana">Manzana</a></li>
        <li><a href="https://www.kiwilimon.com/buscar?q=platano">Platano</a></li>
    </ol>
    <li>Carnes</li>
    <ol>
        <li> <a href="https://www.kiwilimon.com/buscar?q=pollo">Pollo</a>
        </li>
        <li> <a href="https://www.kiwilimon.com/buscar?q=carne+molida">Carne Molida</a></li>
    </ol>
    <li>Verduras</li>
    <ol>
        <li> <a href="https://www.kiwilimon.com/buscar?q=limon">Limon</a>
        </li>
        <li> <a href="https://www.kiwilimon.com/buscar?q=zanahoria">Zanahora</a></li>
    </ol>
</ul>
<p>creado con amor</p>

sencillo

Kevin Josué Bonilla Osorio

Aqui esta mi aporte del codigo que hice de paso les dejo unos videos de La Capital al final XD

<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="robots" content="index,follow">
    <meta name="description" content="Esta es mi lista ">
    <title>Lista</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Lista de compras</title>
    <style>
    body
        {
         background-color: burlywood;
        }
        ul
        {
          color:cornsilk
        }
        li2
        {
         color:red 
        }
        li3
        {
        color:green
        }
        li4
        {
            color:rgb(61, 8, 85)
        }
        li5
        {
            color:greenyellow
        }
        a
        { 
          color:cornsilk
        }
    </style>
</head>
<body>
 <h1>Lista semanas de compras</h1>

 <h3>Lista de frutas:</h3>

 <ul>
     <li><a href="https://www.pequerecetas.com/receta/manzana-18-recetas/">Manzanas</a> <br> 
        <ul>
            <li2>Rojas</li2><br>
            <li3>verdes</li3>
        </ul>   
    </li>
    <li><a href="https://www.youtube.com/watch?v=AZ1zm4rqaMg">Bananas</a></li>
    <li> <a href="https://www.youtube.com/watch?v=eIB0UzdYEUg">Sandias</a></li>
    <li> <a href="https://www.youtube.com/watch?v=SU9Fa8M26AI">Uvas</a><br>
      <ul>
          <li4>Moradas</li4><br>
          <li5>Verdes</li5>
      </ul>   
    </li>

 </ul>
 <h3>Lista de Verduras:</h3>
     <ul>
         <li><a href="https://www.youtube.com/watch?v=KYu77uLdn-Q">Papas</a> </li>
         <li> <a href="https://www.youtube.com/watch?v=lZVguhCDJt8">Cebolla</a></li>
         <li> <a href="https://www.youtube.com/watch?v=9TKr2oaB3lU">Tomates</a></li>
         <li> <a href="https://www.youtube.com/watch?v=VVkxV2-Ue90">Lechuga</a></li>
     </ul>

 <h3>Carnes:</h3>
     <ul>

       <li> <a href="https://www.youtube.com/watch?v=IQv3l8YMO0E">Tomahawk</a> </li>
        <li> <a href="https://www.youtube.com/watch?v=Y0WDQRo704E&t=34s">Costillas de Res</a> </li>
     </ul>
     
</body>
</html>

user_deleted_1572741

📑 Lista de compras del supermercado.

<!DOCTYPE html>
<html lang="es">
<head>
    <meta charset="UTF-8">
    <title>Lista del Super</title>
</head>
<body>
    <h1>Soy la lista del super!</h1>
    <ul>
        <li>Frutas
            <ol>
                <li>Mango 🥭</li>
                <li>Piña 🍍</li>
            </ol>
        </li>
        <li>Carnes
            <ol>
                <li>Pollo 🍗</li>
                <li>Res 🥩</li>
            </ol>
        </li>
        <li>Verduras
            <ol>
                <li>Zebolla</li>
                <li>Zanahoria 🥕</li>
            </ol>
        </li>
    </ul>
</body>
</html>

Abelardo Dzib

Les comparto mi codigo 😃
Use codeSnap para tomar captura

Ramiro José López Velásquez

¡Aquí el cumplimiento del reto🏆!

Dayana Michel

¡Reto cumplido!

Isrrael Ramirez

Hola comunidad Platzi!

Alexandra Vasquez

Aquí esta mi trabajo
código

pagina

Manuel Camacho

Les comparto mi captura.
(Nota: En Visual Estudio Code pueden usar Tecla Windos + . (Punto) para abrir un cuadro de emojis y seleccionar uno)

Santiago Alexis Valencia Zapata

Le metí recetas ricas por si quieren mirar

<!DOCTYPE html>
<html lang="es">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="Página con una lista de compras">
    <meta name="robots" content="index,follow">
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <title>Lista de compras</title>
    <!--link rel="stylesheet" href="css/style.css"-->
</head>
<body>
    <header>
        <h1>Mi lista de compras</h1>
    </header>
    <main>
        <section>
            <ul>
                <li>Harinas &#127838 &#127834 &#127837</li>
                <ol>
                    <li><a href="https://youtu.be/IF1kMxzyMsU" target="_blank">Arepas</a></li>
                    <li>Pandebono</li>
                    <li>Crakers</li>
                    <li><a href="https://www.recetasderechupete.com/arroz-chaufa-receta-peruana/16117/" target="_blank">Arroz</a></li>
                    <li>Spaguettis</li>
                </ol>
                <li>Proteinas &#127830 &#127831 &#127830</li>
                <ol>
                    <li>Huevos</li>
                    <li>Lentejas</li>
                    <li>Pollo</li>
                    <li>Frijoles</li>
                </ol>
                <li>Frutas y verduras &#127826 &#127827 &#127844</li>
                <ol>
                    <li>Cebolla</li>
                    <li><a href="https://youtu.be/8DOBQW4do3w" target="_blank">Plátano</a></li>
                    <li>Tomate</li>
                    <li>Lulos</li>
                    <li>Mañzanas</li>
                </ol>
                <li>Azúcares &#127855 &#127856 &#127851</li>
                <ol>
                    <li>Panela</li>
                    <li>Azúcar morena</li>
                    <li>Chocolate</li>
                    <li><a href="https://youtu.be/0-Hdly3fJck" target="_blank">Pingüinos</a></li>
                </ol>
            </ul>    
        </section>
    </main>
    <footer>
        <p>Hecho con amor por Santiago Alexis Valencia Zapata</p>
    </footer>
</body>
</html>

Alejandro Pinedo Araque Pinedo Araque

Captura de Pantalla 2022-12-19 a la(s) 2.38.42 p. m..png

Mario Peña

Qué orgullosos me siento de al fin poder hacer esto 🤩

<!DOCTYPE html>
<html lang="es">
    <head>
        <meta charset="UFT-8">
       <meta name="descriptio" content="Esta pagina te mostrará inceibles recetas de comida">
       <meta name="robots" content="index, follow">
       <title>Lista de compras</title>
       <meta name="vewport" content="width=device-width, initial-scale=1.0">
       <link rel="stylesheet" href="/style.css">
    </head>
    <body>
        <header>
            <h1>Lista de mercado</h1>
        </header>
        <main>
            <section>
                <ul>
                    <li>
                        <h1><strong>Granos🌾</strong></h1>
                        
                    </li>
                    <ol>
                        <li>frijoles 250gr</li>
                        <li>Arbeja</li>
                        <li>Caraotras</li>
                        <li>Lenteja</li>
                        <li>Maiz</li>
                        <li>Arroz 5kg</li>
                    </ol>
                    <li>
                        <h1><strong>Carnes🥩</strong></h1>
                    </li>
                    <ol>
                        <li>Carne res 3kg</li>
                        <li>Cerdo 2kg</li>
                        <li>Cachama 2kg</li>
                        <li>Callo</li>
                        <li>Higado 1kg</li>
                        <li>Pata res 2</li>
                        </li>
                    </ol>
                    <li>
                        <h1><strong>Otros🥮</strong></h1>

                    </li>
                    <ol>
                        <li>
                            <a href="https://www.youtube.com/results?search_query=receta+de+pastas" target="_blank">
                                Pastas
                            </a>
                        </li>
                        <li>Atun latas 2</li>
                        <li>Jabón</li>
                    </ol>
                </ul>
                <article>

                </article>
            </section>
            <ul></ul>
        </main>
    </body>
</html>

Rijitoso

Dejo acá mi aporte:

Distribución de carpeta:
- index.html
- script.js
- style.css
HTML:

<!DOCTYPE html>
<!--Creado por Rijitoso de r-blog-->
<html lang="es">

<head>
	<meta charset="UTF-8" />
	<title>Lista de la compra</title>
	<meta name="author" content="Rijitoso de r-blog" />
	<meta name="language" content="ES" />
	<!--Compatibilidad-->
	<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0" />
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
	<!--SEO-->
	<meta name="description" content="Lista de la compra" />
	<meta name="keywords" content="Lista de la compra, HTML, CSS, JavaScript" />
	<meta name="robots" content="index,follow" />
	<meta name="rating" content="general" />
	<meta name="revisit" content="1 days" />
	<link rel="canonical" href="//lista-de-la-compra.rijituji.repl.co/index.html" />
	<!--Favicon-->
	<link rel="icon" href="//cdn.icon-icons.com/icons2/1875/PNG/512/note_120060.png" type="image/x-icon" />
	<link rel="shortcut icon" href="//cdn.icon-icons.com/icons2/1875/PNG/512/note_120060.png" type="image/x-icon" />
	<link rel="apple-touch-icon" href="//cdn.icon-icons.com/icons2/1875/PNG/512/note_120060.png" />
	<!--CSS-->
	<link rel="stylesheet" href="style.css" />
	<link rel="stylesheet" href="//fonts.googleapis.com/css2?family=Arial|Montserrat" />
	<link rel="stylesheet" href="//fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600;700&display=swap" />
	<link rel="stylesheet" href="//necolas.github.io/normalize.css/8.0.1/normalize.css" />
</head>

<body>
	<!--Encabezado-->
	<header>
		<h1>Soy la lista del super!</h1>
	</header>
	<!--Contenido-->
	<main>
		<section>
			<ul>
				<li>Frutas:</li>
				<ol>
					<li><a href="//youtu.be/y8TyamQaoWk" title="Receta para compota de manzana" target="_blank">Manzanas 🍎</a></li>
					<li><a href="//youtu.be/9Y1PqXo3-xM" title="Receta para batido de plátano" target="_blank">Plátanos 🍌</a></li>
					<li><a href="//youtu.be/L8G5xeBEngA" title="Receta para pastel de kiwi" target="_blank">Kiwis 🥝</a></li>
				</ol>
				<li>Carnes:</li>
				<ol>
					<li><a href="//youtu.be/8fz_GMOP5Qc" title="Receta para filetes de pechugas de pollo" target="_blank">Pollo 🐔</a></li>
					<li><a href="//youtu.be/BlE96I0oilM" title="Receta para hacer Beicon" target="_blank">Panceta 🥓</a></li>
					<li><a href="//youtu.be/mRZfG2smIJc" title="Receta para hacer chuletas de cerdo" target="_blank">Chuletas de cerdo
							🥩</a></li>
				</ol>
				<li>Verduras:</li>
				<ol>
					<li><a href="//youtu.be/UUdtdVyQcEE" title="Receta para ensalada" target="_blank">Lechuga 🥬</a></li>
					<li><a href="//youtu.be/VBodVp1BnSQ" title="Receta para cebolla frita crujiente" target="_blank">Cebollas 🧅</a></li>
					<li><a href="//youtu.be/pYX4f7PQw0E" title="Receta para patatas fritas" target="_blank">Patatas 🥔</a></li>
				</ol>
			</ul>
		</section>
	</main>
	<!--Pie de página-->
	<footer>
		<p>Creado por Rijitoso de r-blog en 2021</p>
	</footer>
	<!--Scrolltotop-->
	<button onclick="topFunction()" id="scrolltotop" title="Ir arriba">
		<i class="fas fa-arrow-alt-circle-up fa-4x"></i>
	</button>
	<!--JavaScript-->
	<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
	<script src="//kit.fontawesome.com/1613aeb020.js"></script>
	<script src="script.js"></script>
	<!--Mensaje para activar JavaScript-->
	<noscript>
		Tu ordenador no soporta JavaScript, activalo.
	</noscript>
</body>

</html>
</body>

</html>

CSS:

@charset "UTF-8";

/* Colores base */
/* Azul marino       #171c24 */
/* Azul marino claro #323c4e */
/* Negro             black   */
/* Blanco            white   */

/* Encabezado */
header {
  position: fixed;                /*Fija su posición*/
  width: 100%;                    /*Ancho 100%*/
  top: 0;                         /*Indica la distancia a la que esta de arriba*/
  left: 0;                        /*Indica la distancia a la que esta de la izquierda*/
  background-color:#171c24;
  text-align: center;
  font-family: Poppins;
  color: white;
  z-index: 1;
}

/* Contenido*/
main {
  margin-top: 70px;               /*Margen superior*/
  padding: 20px;                  /*Relleno*/
  text-align: justify;            /*Alineación justificada*/
  font-family: Arial;
}

/* Pie de página */
footer {
  height:70px;
  line-height:35px;
  background-color:#171c24;
  color:white;
  text-align:center;
  position:absolute;
  left:0;
  width:100%;
  font-family: Arial;
}

footer.bottom {
  bottom:0;
}

/* Scrolltotop No tocar*/
#scrolltotop {
  display: none;
  position: fixed;
  bottom: 20px;
  right: 20px;
  z-index: 99;
  border: none;
  outline: none;
  background-color: white;
  color: #171c24;
  cursor: pointer;
  border-radius: 50%;
  margin: 0;
  padding: 0;
}

#scrolltotop:hover {
  color: #323c4e;
}

JavaScript:

// Obtener el botón.
var mybutton = document.getElementById("scrolltotop");

// Cuando el usuario se desplace 20px hacia abajo desde la parte superior del documento, muestre el botón.
window.onscroll = function() {scrollFunction()};

function scrollFunction() {
  if (document.body.scrollTop > 20 || document.documentElement.scrollTop > 20) {
    mybutton.style.display = "block";
  } else {
    mybutton.style.display = "none";
  }
}

// Cuando el usuario haga clic en el botón, desplácese hasta la parte superior del documento.
function topFunction() {
  document.body.scrollTop = 0;
  document.documentElement.scrollTop = 0;
}

//Footer (No tocar)
function ajustarPie() {
  var winH = $(window).height();
  var docH = $("body").height();
  var pieH = $("footer").height();
  
  if (docH + pieH < winH) {
    $("footer").attr("class", "bottom");
    } else {
      $("footer").attr("class", "");
      }
  }

$(document).ready(ajustarPie);
$(window).on("resize", ajustarPie);

Resultado:

Aquí esta el enlace para ver el resultado.

Yara Paz Gordillo

Aquí está mi humilde lista de la compra 😃

Isabel Reyes

Envió mi reto! 😃

Cristian Yahír Moro Velasco

Hice algo un poco diferente!

Sebastian Arana

Listo uwuuuuuu! Despues de media hora, pude jajajaj

Ramon Rodriguez Solar

No es la gran cosa pero les comparto mi codigo

Roberto Ballinas Hernández

¡Desafío completado! Estudiando duro porque ese ROAD TO CODE 3.0 no se va a completar solito.

<code> 
<!DOCTYPE html>
<html lang="es">
    <head>
        <meta charset="UTF-8" />
        <meta name="description" content="Esta página te mostrará cómo hacer tu despensa" />
        <meta name="robots" content="index,follow">
        <title>Despensa Semanal</title>
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <link rel="styleshet" href="./css práctic/style.css">
    </head>
    <body>
        <header>
            <h1>Lista para comprar en GyoumuSuper</h1>
            <nav>
                <ul>
                    <li> Frutas: </li>
                    <ol><li>Nashi &#127824</li><li>Ringo &#127822</li><li>Kiwi &#129373</ol>
                </ul>
                <ul>
                    <li> Verduras: </li>
                    <ol><li>Kinoko &#127812</li><li>Kyabetsu &#129388</li><li>Aguacate &#129361</li></ol>                    
                </ul>
                <ul>
                    <li> Golosinas: </li>
                    <ol> <a href="https://ideasparaviajar.com/receta-dango-bunuelos-japoneses" target="_blank"><li>Dango &#127841</li></a><li>Chocoreto &#127851</li><li>Peanuts &#129372</li></ol>
                </ul>
            </nav>
        </header>
        <footer>
            <h4>¡Come frutas y Verduras!</h4>
        </footer>
        </body>
</html>

Aristides Fernando Pereyra Culebro

            <h1>Soy una lista del super</h1>
            <ul>
                <li>Frutas
                    <ol>
                        <li>Uvas 🍇</li>
                        <li>Manzana 🍎</li>
                        <li>Fresas 🍓</li>
                    </ol>
                </li>
                <br>
                <li>Carnes
                    <ol>
                        <a href="https://www.youtube.com/watch?v=4ShCotW2eH4" target="_blank">
                            <li>Arrachera 🥩 </li>
                        </a>
                            <li>Pollo 🍗</li>
                            <li>Tocino 🥓</li>
                    </ol>
                </li>
                <br>
                <li>Vegetales
                    <ol>
                        <li>Tomate 🍅</li>
                        <li>Zanahoria 🥕</li>
                        <li>Elote 🌽</li>
                    </ol>
                </li>
            </ul>```

Jesús maldonado

![](

Lo hice con una temática diferente. Vamos a ver que tal me queda al final del curso

Andres Lopez

Jesús Vega

Este es mi código. Saludos!!

<!DOCTYPE html>
<html lang="es">
    <head>
        <meta charset="UTF-8" />
        <meta name="description" content="Esta página cuenta la historia de Hulky, un Schanauzer hermoso" />
        <meta name="robots" content="index,follow" />
        <title>Compras</title>
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
        <link rel="stylesheet"  href="./CSS/style.css" />
    </head>
    <body>
        <header>
            <nav></nav>
        </header>
        <main>
            <section>
                <article>
                </article>
            </section>
            <h1>COMPRAS DE LA SEMANA</h1>
            <h2>Supermercado A</h2>
            <p>No olvidar comprar lo siguiente:</p>
            <ul>
                <li>Frutas</li>
                    <ol>
                        <li><a href="https://es.wikipedia.org/wiki/Manzana" target="_blank">Manzana</a></li>
                        <li><a href="https://en.wikipedia.org/wiki/Banana" target="_blank">Plátano</a></li>
                        <li><a href="https://es.wikipedia.org/wiki/Ar%C3%A1ndano_rojo" target="_blank">Arándanos</a></li>
                        <li><a href="https://es.wikipedia.org/wiki/Fragaria" target="_blank">Fresas</a></li>
                    </ol>
                <li>Carnes</li>
                    <ol>
                        <li><a href="https://es.wikipedia.org/wiki/Trucha" target="_blank">Trucha</a></li>
                        <li><a href="https://www.plazavea.com.pe/carnes-aves-y-pescados/pollo/pechuga-de-pollo" target="_blank">Pechuga de Pollo</a></li>
                        <li><a href="https://es.wikipedia.org/wiki/Marisco" target="_blank">Mariscos</a></li>
                    </ol>
                <li>Verduras</li>
                    <ol>
                        <li><a href="https://es.wikipedia.org/wiki/Daucus_carota" target="_blank">Zanahoria</a></li>
                        <li><a href="https://ast.wikipedia.org/wiki/Tomate" target="_blank">Tomate</a></li>
                        <li><a href="https://cookpad.com/pe/recetas/2938538-alverjita-partida" target="_blank">Alverjitas</a></li>
                        <li><a href="https://www.laylita.com/recetas/cebiche-peruano-de-pescado/" target="_blank">Limón</a></li>
                    </ol>
                <li>Mascota</li>
                    <ol>
                        <li><a href="https://www.purina-latam.com/pe/proplan/perros" target="_blank">Proplan</a></li>
                    </ol>
                <li>Otros</li>
                    <ol>
                        <li><a href="https://www.plazavea.com.pe/leche-condensada-nestle-lata-397g/p" target="_blank">Leche condensada</a></li>
                        <li><a href="https://cocina-casera.com/pollo-vino/" target="_blank">Vino</a></li>
                        <li><a href="https://comida.uncomo.com/receta/como-hacer-un-sandwich-mixto-33960.html" target="_blank">Pan</a></li>
                    </ol>
            </ul>      
        </main>
        <footer>
        </footer>
        <div></div>
    </body>
</html>

Fabio Andres Torres Peña

Jonh Pertuz pertuz

<main>
        <ul>
            <li>Frutas</li>
            <ol>
                <li><a href="https://www.pequerecetas.com/receta/manzana-18-recetas/" target="_blank">Manzana</a></li>

                <li><a href="https://www.laylita.com/recetas/10-recetas-con-platanos-maduros-verdes/" target="_blank">Platano</a></li>
            </ol>
            <li>Carnes</li>
            <ol>
                <li><a href="https://www.sweetysalado.com/2014/12/empanadas-de-pollo.html" target="_blank">Pollo</a></li>  

                <li><a href="https://www.pequerecetas.com/receta/patatas-rellenas-carne/" target="_blank">Carne molida</a></li>
            </ol>
            <li>Verduras</li>
            <ol>
                <li><a href="https://www.dulcespostres.com/tarta-de-limon-fria/" target="_blank">Limon</a></li>

                <li><a href="https://www.recetasnestle.com.mx/recetas/postres/postre-practico-de-zanahoria" target="_blank">zanahoria</a></li>
            </ol>
        </ul>
        <p>Creado Por <a href="https://twitter.com/JOHN_PERTUZ" target="_blank">John Dev</a></p>

    </main>```

Holman Alberto Plazas Sanchez

<body>
    <h1>Qué haremos de comer?</h1>
    <ul>
        <li>Sopa 🥣</li>
            <ol><li><a href="https://www.laylita.com/recetas/10-recetas-con-platanos-maduros-verdes/" target="_blank"> Plátano</a></li>
                <li><a href="https://www.quericavida.com/recetas/croqueta-de-papa-y-huevo/812a18f8-4218-4410-a1cf-cd26768a1e7f" target="_blank">Papa</a></li>
                <li><a href="https://www.recetasgratis.net/receta-de-pollo-con-champinones-6504.html" target="_blank"> Pollo</a></li>
            </ol><br>
        <li>Seco 🍛</li>
            <ol><li><a href="https://www.unacolombianaencalifornia.com/es/2012/08/bandeja-paisa/" target="_blank">Fríjol</a></li>
                <li><a href="https://www.recetasnestle.com.co/recetas/arroz-con-camarones" target="_blank">Arroz</a></li>
                <li><a href="https://www.directoalpaladar.com/recetas-de-carnes-y-aves/31-formas-de-cocinar-costillas-de-cerdo-para-chuparse-los-dedos-literalmente" target="_blank">Cerdo</a></li>
                <li><a href="https://www.recetasderechupete.com/como-hacer-guacamole-mexicano-receta-facil-y-rapida/9261/" target="_blank">Potadsio 🥑</a></li>
            </ol><br>
        <li>Jugo 🥤</li>
            <ol><li><a href="https://www.mycolombianrecipes.com/es/jugo-de-mango/" target="_blank">Mango </a></li>
                <li><a href="https://recetatipica.com/jugo-de-lulo/" target="_blank">Lulo</a></li>
                <li><a href="https://www.vix.com/es/imj/gourmet/2010/04/10/como-preparar-jugo-de-maracuya" target="_blank">Maracuyá</a></li>
            </ol>
    </ul>
</body>
</html>```

John Eduardo Seancas Barreto

Jaime Leon Ramirez Guarin

Miguel Angel Saldaña Diaz

<!DOCTYPE html>
<html lang="es">
  <head>
    <title>La lista 📝</title>
    <meta charset="utf-8" />
    <meta
      name="description"
      content="Esta es la lista
    de compras de Miguel"
    />
    <meta name="robots" content="index,follow" />
    <meta
      name="viewport"
      content="width=device-width,
     inictial-scale=1.0"
    />
  </head>
  <body>
    <header>
      <h1>Eco, soy la lista de compras 📝 💸</h1>
      <p>
        (Por favor esta vez solo compra lo que hay en la lista. Gracias, tu
        bosillo)
      </p>
    </header>
    <main>
      <section>
        <ul>
          <h3><li>Frutas 🍓</li></h3>
        </ul>
        <ol>
          <a
            href="https://www.recetasgratis.net/receta-de-manzanas-caramelizadas-73913.html"
            >1. Manzanas</a
          >
          <p>
            <a href="https://www.youtube.com/watch?v=a655hTPb_SA"
              >2. Platanaos</a
            >
          </p>
        </ol>
        <ul>
          <h3><li>Carnes 🍗</li></h3>
        </ul>
        <ol>
          <a href="https://www.youtube.com/watch?v=LXAgVjFXMtM">1. Pollo</a>
          <p>
            <a
              href="https://www.paulinacocina.net/receta-hamburguesas-caseras/1800"
              >2. Carne Molida</a
            >
          </p>
        </ol>
        <ul>
          <h3><li>Verduras 🥦</li></h3>
        </ul>
        <ol>
          <a
            href="https://gastronomiaycia.republica.com/2012/11/08/receta-de-pisco-sour-peruano/"
            >1. Limón</a
          >
          <p>
            <a href="https://www.pequerecetas.com/receta/bizcocho-zanahoria/"
              >2. Zanahoria</a
            >
          </p>
        </ol>
      </section>
      <p>Creado con amor y ya me dio hambre 🙀</p>
    </main>
  </body>
</html>

<code>

Carlos Acevedo

Acá les dejo mi código y mi resultado.

laurayineth.delgado

Emireth Rosas Gómez

Reto cumplido.

Nelson González

Hola todos, después de 3 horas conseguí hacer mi lista, solamente que no se como subir el screenshot

Jose Antonio Rojas Ollarves

Reto finalizado

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name ="description" content="Esta pagina mostrara fotos de gatos">
    <meta name="robots" content="index, follow">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Es mi pagina</title>
    <link rel="stylesheet" href="./css/style.css">
</head>
<body>
    <header>
        <nav></nav>
    </header>
    <main>
        <section>
            <article></article>
        </section>
        <h1>Soy una lista del super📝</h1>
        <ul>
            <li>
                <h3>Frutas</h3>
            </li>
            <ol>
                <li><a href="https://www.youtube.com/watch?v=AZ1zm4rqaMg">Banana🍌<a/></li>
                <li><a href="https://www.youtube.com/watch?v=8o6ZMyQiUN0">Manzana🍎<a/></li>
                <li><a href="https://www.youtube.com/watch?v=zzhCEvzFQrk">Aguacate🥑<a/></li>
            </ol>
        </ul>
        <ul>
            <li>
                <h3>Carnes</h3>
            </li>
            <ol>
                <li><a href="https://www.youtube.com/watch?v=aHw_zH6BC0w">Carne🥩</a></li>
                <li><a href="https://www.youtube.com/watch?v=8fz_GMOP5Qc">Pollo🍗<a/></li>
                <li><a href="https://www.youtube.com/watch?v=04hd4tuP9Hk">Cerdo🍖<a/></li>
            </ol>
        </ul>
        <ul>
            <li>
                <h3>Verduras</h3>
            </li>
            <ol>
                <li><a href="https://www.youtube.com/watch?v=0S_xguON6fA">Brocoli🥦<a/></li>
                <li><a href="https://www.youtube.com/watch?v=GyRydNi_Rn8">Zanahoria🥕<a/></li>
                <li><a href="https://www.youtube.com/watch?v=4SUbyzUC04o">Papa🥔<a/></li>
            </ol>
        </ul>
        <a>Follow me on twitter <a href="https://twitter.com/Zerobits3">@Zerobits3<a/><a/>
    </main>
    <footer>
    </footer>
</body>
</html>

Andres E Diaz R

Les dejo mi lista de supermercado espero que les guste:
![](
![](
![](

Olga Acosta Bravo

Me costó algo para agregar el link, pero buscando un poco se pudo lograr. Me gustó agregarle el «target=“blank”» para que el link se abriera en otra pestaña sin sacarme de la página donde me encontraba. 😁

Captura de pantalla 2021-02-26 171733.png

Daniela Lizcano Lopez

javier diaz

nazaruiz

Alejandro David Benolol

Tengo mis apuntes del curso anterior y las clases de este hechas en un proyecto, pero venia usando malas practicas de lo que aprendí en YouTube

<div id="container">...</div>

me da un poco de vergüenza mostrarlos. a partir de ahora voy a tratar de usar las buenas practicas que aprendí en la clase anterior.

Damián Valenzuela Negrete

Lista de compras

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="description" content="Lista de compras. 2do ejercicio">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>LISTA DE COMPRAS</title>

</head>
<body>
    <header>
        <h3>Mi primer lista de compras del super</h3>
    </header>
    <main>
        <p>
        <ul><li>Frutas</li>
            <ol>
                <li>Manzana</li>
                <li>Platano</li>
            </ol>
            <li>Carnes</li>
            <ol>
                <li><a href="https://www.cocinafacil.com.mx/recetas/recetas-con-pollo/">Pollo</a></li>
                <li>Carne Molida</li>
            </ol>
            <li>Verduras</li>
            <ol>
                <li>Limón</li>
                <li>Zanahoria</li>
            </ol>
        </ul>       
        </p>
        <p>
        ¿Alcanzara para todo esto?
        </p>
    </main>
    <footer>
        
    </footer>
</body>
</html>

Hilary Mora

hace 10 meses

```html <body>

VAMOS A MERCAR!🛒

Frutas

Carnes

Dulces

</body> ```\<body> \

VAMOS A MERCAR!🛒\

Frutas\

Carnes\

Dulces\

\</body>![]()

Harold Zurita Simon

Solución 😄…

groceryList.html:

<!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="./css/groceryList.css" />
  </head>
  <body>
    <div>
      <ul>
        <li>
          Fruits
          <ul>
            <li>
              <a href="https://en.wikipedia.org/wiki/Apple" target="_blank"
                >Apple 🍎</a
              >
            </li>
            <li>
              <a href="https://es.wikipedia.org/wiki/Banana" target="_blank"
                >Banana 🍌</a
              >
            </li>
          </ul>
        </li>
        <li>
          Meat
          <ul>
            <li>
              <a href="https://en.wikipedia.org/wiki/Chicken" target="_blank"
                >Chicken 🍗</a
              >
            </li>
            <li>
              <a
                href="https://en.wikipedia.org/wiki/Ground_meat"
                target="_blank"
                >Ground meat 🥩</a
              >
            </li>
          </ul>
        </li>
        <li>
          Vegetables
          <ul>
            <li>
              <a href="https://en.wikipedia.org/wiki/Lemon" target="_blank"
                >Lemon 🍋</a
              >
            </li>
            <li>
              <a href="https://en.wikipedia.org/wiki/Carrot" target="_blank"
                >Carrot 🥕</a
              >
            </li>
          </ul>
        </li>
      </ul>
    </div>
  </body>
</html>

groceryList.css:

body {
  background-color: #1f1f1f;
  display: flex;
  justify-content: center;
}

div {
  display: flex;
  width: 30%;
  flex-direction: column;
}

ul {
  list-style: none;
  background-color: #e6e5e5;
  padding: 15px;
  border-radius: 8px;
  border: 1px solid magenta;
}

ol {
  margin: 5px 0 5px 0;
  border-radius: 2px;
  list-style-type: decimal;
}

li {
  border-radius: 2px;
  margin-bottom: 8px;
}

ul > li > ul > li {
  border-bottom: 1px solid black;
}

a {
  text-decoration: none;
}

John Jairo Vargas Gonzalez

Daniella Esperante

Cada vez tratando de aprender un poquito mas!
Gracias Platzi 💚

andres barrera

<!–
Online HTML, CSS and JavaScript editor to run code online.
–>
<!DOCTYPE html>
<html lang=“en”>

<body>
<h1>Hola, Soy una lista de super<h1/>
<h3>Hasta el momento vamos bien…<h3/>
<nav>
<ul>
<li>Frutas:</li>
<ol>
<a
href=“https://www.youtube.com/watch?v=-RLyiITf-E0"
target=”_blanck"
>
<li>Manzana 🍎</li>
</a>
<a
href=“https://www.youtube.com/watch?v=-Ee430s16ik"
target=”_blanck"
>
<li>Piña 🍍</li>
</a>
<a
href=“https://www.youtube.com/watch?v=lXpejJB_W6g"
target=”_blanck"
>
<li>Banana 🍌</li>
</a>
</ol>
</ul>
<ul>
<li>Carnes:</li>
<ol>
<a
href=“https://www.youtube.com/watch?v=qpSYO-QNvIY"
target=”_blanck"
>
<li>Carne para unos Burritos de Asada 🌮</li>
</a>
<a
href=“https://www.youtube.com/watch?v=UDtvv4xhIP8"
target=”_blanck"
>
<li>Pechuga 🍗</li>
</a>
<a
href=“https://www.youtube.com/watch?v=b_H7NzYtQqk"
target=”_blanck"
>
<li>Salmon para Sushi 🍣</li>
</a>
</ol>
</ul>
<ul>
<li>Verduras:</li>
<ol>
<a
href=“https://www.youtube.com/watch?v=Wmu6NmHOTCk"
target=”_blanck"
>
<li>Brocoli 🥦</li>
</a>
<a
href=“https://www.youtube.com/watch?v=DwsacqEMzZQ"
target=”_blanck"
>
<li>Limon 🍋</li>
<a
href=“https://www.youtube.com/shorts/yel9m5NyqBY"
target=”_blanck"
>
<li>Cebolla para los burritos 🧅</li>
</ol>
</ul>
</nav>
</body>

</html>

Ernesto Garcia Lechuga

Les comparto mi código, recreando la lista del profe Diego

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="Una lista de super muy variada">
    <meta name="robots" content="index,follow">
    <title>Lista de super</title>
</head>
<body>
    <h1>Soy una lista de super!</h1>
    <ul>
        <li>Frutas
            <ol>
                <li>
                    <a href="https://www.kiwilimon.com/receta/postres/pays/pays-de-manzana/pay-de-manzana-casero" target="_blank">Manzana</a>
                </li>
                <li>
                    <a href="https://www.pizcadesabor.com/pay-de-platano-con-cajeta-y-nuez/" target="_blank">Platano</a>
                </li>
            </ol>
        </li>
        <li>Carnes
            <ol>
                <li>
                    <a href="https://www.directoalpaladar.com.mx/carnes-y-aves/pollo-borracho-receta-para-celebrar-fecha-especial" target="_blank">Pollo</a>
                </li>
                <li>
                    <a href="https://www.recetasnestle.com.mx/categorias/recetas-con-carne-molida" target="_blank">Carne Molida</a>
                </li>
            </ol>
        </li>
        <li>Verduras
            <ol>
                <li>
                    <a href="https://www.mamalatinatips.com/es/2017/03/agua-fresca-de-limon.html" target="_blank">Limón</a>
                </li>
                <li>
                    <a href="https://www.directoalpaladar.com/recetas-de-sopas-y-cremas/receta-basica-de-crema-de-zanahoria-cuando-menos-es-mas" target="_blank">Zanahoria</a>
                </li>
            </ol>
        </li>
    </ul>
    <p>Para que no se te olvide nada!</p>
</body>
</html>

Rodrigo Fabian Bandeira

Les debo los emojis xD

Lizeth Gabriela Alvarez Medina

Mi primer gran acercamiento a HTML, lo comparto:

LINA MARIA DE LOS REYES

El reto

Sara Castillo

Hola, le puse un poco de estilos al mío 😊
.

Edward David Gomez Cojo

Captura de pantalla 2023-03-14 155743.png

Lizeth Armijo

¡Listo! Practique estructura del HTML al mismo tiempo que las listas
[](

María C. Santiago

Reto completado

José Alejandro Fernández Moreno

Hola! este es mi aporte del reto!

<!DOCTYPE html>
<html lang="es">
    <head>
        <meta charset="UTF-8">
        <meta name="description" content="Esta pagina te mostrara como es mi progreso en el curso de HTML y CSS">
        <meta name="robots" content="index,follow">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <link rel="stylesheet" href="./css/style.css">
        <title>Esta es mi pagina personal de HTML y CSS</title>
    </head>
    <body>
        <header class="header">
            <h1>Lista de ingredientes para un Asado Negro venezolano</h1>
            <a href="https://www.youtube.com/watch?v=PTqfJyOwzwE" target="_blank">
                <h2>Link del video para seguir la receta</h2>
            </a>
        </header>
        <main class="contenedor-main">
            <ul>
                <li>Vegetales</li>
                <ol>
                    <li>Ajo</li>
                    <li>Pimenton Rojo</li>
                    <li>Pimenton Verde</li>
                    <li>Perejil</li>
                    <li>Cebolla</li>
                </ol>
                <li>Carne</li>
                <ol>
                    <li>Muchacho redondo</li>
                </ol>
                <li>Licores</li>
                <ol>
                    <li>Vino tinto</li>
                </ol>
                <li>Especias</li>
                <ol>
                    <li>Sal</li>
                    <li>Pimienta</li>
                    <li>Azucar o Papelon</li>
                </ol>
                <li>Salsas</li>
                <ol>
                    <li>Salsa Inglesa</li>
                </ol>
            </ul>
        </main>
    </body>
</html>

Francisco Mendez

Listo!

<!DOCTYPE html>
<html lang="es">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Lista</title>
</head>
<body>
    <header>
        <h1>
            Lista del supermercado 🛒🛒
        </h1>
    </header>
    <main>
        <ul>
            <li>Carnes 🥩</li>
            <ol>
                <li><a href="https://www.youtube.com/watch?v=4UuTGwUgjQ4" target="_blank">Pechuga de pollo</a></li>
                <li><a href="https://www.youtube.com/watch?v=qe0Gn8G63Sg" target="_blank">Colita de cuadril</a></li>
                <li><a href="https://www.youtube.com/watch?v=CATrlA_19-M" target="_blank">Chuleta de Cerdo</a></li>
            </ol>
            <li>Verduras 🥬</li>
            <ol>
                <li><a href="https://www.youtube.com/watch?v=VDi0k59JrKc" target="_blank">Zanahoria</a></li>
                <li><a href="https://www.youtube.com/watch?v=oF7EQeTzOD8" target="_blank">Batata</a></li>
                <li><a href="https://www.youtube.com/watch?v=40Xcb1G6b74" target="_blank">Mandioca</a></li>
            </ol>
            <li>Frutas 🍍</li>
            <ol>
                <li><a href="https://www.youtube.com/watch?v=TqG4Ji3o0Z8" target="_blank">Durazno</a></li>
                <li><a href="https://www.youtube.com/watch?v=y7o53L7saRM" target="_blank">Manzana</a></li>
                <li><a href="https://www.youtube.com/watch?v=fFCrUOV1K5s" target="_blank">Frutilla</a></li>
                <li><a href="https://www.youtube.com/watch?v=EHeRmf5jdAA" target="_blank">Ananá</a></li>
            </ol>
            
        </ul>
    </main>
    <footer>
        <p>Creado con amor</p>
    </footer>
    
</body>
</html>

Ricardo Alfonso Chavez Vilcapoma

No creo que nadie vea mi aporte algún día pero igual lo hice…RETO QUE ME PONEN, RETO QUE CUMPLO

Aquí mi solución.

Rosary Morales Chiu

Hermann Jáuregui Faundes

es solo html
Cualquier consejo es bien recibido 😄

Eylin Camila Dávila Hernández

Mi ejemplo 😃

Diego Abraham Vega Rodríguez

No es mucho, pero es trabajo honesto

Captura de pantalla 2023-02-14 221001.jpg

Ricardo Collado

Hola, me preguntaba, ¿Sere el unico que esta subiendo sus clases a gitHub en privado? Lo hago para mantener la practica de gitHub.

Lizeth Churaira

Hola a todos aquí les comparto mi desafío

Mateo Paloma