Que seria lo ideal si se trabajaria con varias imagenes, por ejemplo mi lista de super? tendria que poner cada imagen dentro de un figure...

Nicolas Vargas

Pregunta

student•hace 4 años

Que seria lo ideal si se trabajaria con varias imagenes, por ejemplo mi lista de super?

tendria que poner cada imagen dentro de un figure?

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name='robots' content="index,follow"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Pagina nueva</title>
    <meta name="description" content="Esta pagina te mostrara fotos"/>
    <link rel="stylesheet" href="./css/style.css">
</head>
<body>
    <header>
        <h1>Lista del super</h1>
    </header>
    <main>
        <section>
            <article>
            </article>
        </section>
    <ul>
        <h3>Frutas Y verduras</h3>
        <ol>
            <li>Manzanas
                <img src="./imagenes-html/manzana1.jpeg" alt="Manzana" width="100px">
            </li>
            <li>Peras
                <img src="./imagenes-html/pera.jpeg" alt="Pera" width="100px">
            </li>
            <li>Bananas
                <img src="./imagenes-html/bananans.jpeg" alt="Bananas" width="100px">
            </li>
            <li>Tomates
                <img src="./imagenes-html/tomates.jpeg" alt="Tomate" width="100px">
            </li>
            <li>Locotes
                <img src="./imagenes-html/locotes.jpeg" alt="locotes" width="100px">
            </li>
            <li>Lechuga
                <img src="./imagenes-html/lechuga.jpeg" alt="lechuga" width="100px">
            </li>
        </ol>
        <h3>Bebidas</h3>
        <ol>
            <li>Jugo de naranja
                <img src="./imagenes-html/jugo-naranja.jpeg" alt="Jugo de naranja" width="50px">
            </li>
            <li>Vino
                <img src="./imagenes-html/vino.jpeg" alt="vino" width="100px">
            </li>
            <li>Cervesa
                <img src="./imagenes-html/cervesa.jpeg" alt="Cerveza" width="100px">
            </li>
            <li>Coca-Cola
                <img src="./imagenes-html/coca.jpeg" alt="Coca-Cola" width="100px">
            </li>
        </ol>
        <h3>Comida</h3>
        <ol>
            <li>Pollo
                <img src="./imagenes-html/pollo.jpeg" alt="Pollo" width="100px">
            </li>
            <li>Pescado
                <img src="./imagenes-html/pescado.jpeg" alt="Pescado" width="100px">
            </li>
            <li>Carne
                <img src="./imagenes-html/carne.jpeg" alt="Carne" width="100px">
            </li>
            <li>Atun
                <img src="./imagenes-html/atun.jpeg" alt="Atun" width="100px">
            </li>
            <li>Chorizo
                <img src="./imagenes-html/chorizo.jpeg" alt="Chorizo" width="100px">
            </li>
            <li>Milanesas
                <img src="./imagenes-html/milanesa.jpeg" alt="Milanesa" width="100px">
            </li>
            <li>Pimienta
                <img src="./imagenes-html/pimienta.jpeg" alt="Pimienta" width="100px">
            </li>
            
            
            <a href="https://es.tastemade.com/videos/lomo-a-la-pimieenta"
            target="_blank">
                <li>Receta para el Lomito a la pimienta
                    <img src="./imagenes-html/lomito-pimienta.jpeg" alt="Lomito a la pimienta" width="100px">
                </li>
        </a>
        
        </ol>

    </ul>
    </main>
</body>
</html>

yo lo hice asi

Briam Alejandro Castellanos Huerfano

student•hace 4 años

creo que seria lo ideal, puesto que como las imágenes están separadas con mas contenido y otras etiquetas no podemos dejarla abierta. Cuando sean imágenes consecutivas si lo podríamos hacer y abría que ver si queremos usar el figcaption. porque al momento de darle estilo se pueden mezclar o incomodar a la hora de trabajar. En mi opinión en estos casos seria → la etiqueta figure → y dentro crear varios div (cada uno para cada imagen) → y dentro de estos iría una sola imagen con su correspondiente figcaption

Que seria lo ideal si se trabajaria con varias imagenes, por ejemplo mi lista de super? tendria que poner cada imagen dentro de un figure...

Curso de HTML y CSS [Empieza Gratis]

Curso de HTML y CSS [Empieza Gratis]