index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=>, initial-scale=1.0">
    <link rel="icon" href="./images/Logo_icono.png">
    <title>Primera WEB</title>
</head>
<body>
    <h1>Hola Mundo</h1>
    <p>Nuestro primer párrafo</p>
    <p>Segundo párrafo</p>

    <ul>
        <li>Elemento 1</li>
        <li>Elemento 2</li>
        <li>Elemento 3</li>
    </ul>

    <ol>
        <li>Elemento 1</li>
        <li>Elemento 2</li>
        <li>Elemento 3</li>
    </ol>

    <form action="">
        <label for="name">Nombre</label>
        <input type="text" id="name" name="name">
        <br>

        <label for="age">Edad</label>
        <input type="number" id="age" name="age">
        <br>

        <label for="email">Email</label>
        <input type="email" id="email" name="email">
        <br>

        <label for="password">Contraseña</label>
        <input type="password" id="password" name="password">
        <br>

        <input type="submit" id="Enviar">
    </form>

    <h1>Aprendamos etiquetas multimedia</h1>
    <ul>
        <li>Audio</li>
        <li>Video</li>
        <li>Imagen</li>
        <li>Iframe</li>
    </ul>

    <h3>Etiqueta audio</h3>
    <audio src="./audio/La Loma del Tamarindo.mp3" controls></audio>
    <br>
    <hr>
    <h3>Etiqueta video</h3>
    <video src="./video/Mi pueblo natal.mp4" controls height="300"></video>
    <br>
    <hr>
    <img src="./images/analista-de-datos.jpg" alt="Analista" width="400">
    <br>
    <hr>
    <iframe width="560" height="315" src="https://www.youtube.com/embed/qcnaVnS48wk?si=FL8PJuOcLkDtDTmd" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
    <br>
    <br>
    <br>
    <hr>
    <hr>
    <h1>Aprendamos a Crear Tablas</h1>
    <table>
        <tr>
            <th>Nombre completo</th>
            <th>Cargo</th>
            <th>Trabaja desde</th>
        </tr>
        <tbody>
            <tr>
                <td>Joaquin Pérez</td>
                <td>Full Stack Developer</td>
                <td>Rionegro</td>
            </tr>
            <tr>
                <td>Remberto Ramírez</td>
                <td>Business Developer</td>
                <td>El Retiro</td>
            </tr>
            <tr>
                <td>Quinito Méndez</td>
                <td>Data Scientist</td>
                <td>Envigado</td>
            </tr>
        </tbody>
        <tfoot>
            <tr>
                <td colspan="3">Empleados Desarrolladores</td>
            </tr>
        </tfoot>
    </table>
<br>
<br>
<h1>Aprendamos Navegación</h1>
<ul>
    <li>Etiquetas &lta&gt &lt&a&gt</li>
    <li>Etiquetas &lta&gt &lt&a&gt dentro de &ltli&gt para crear menú</li>
</ul>
<br>
<br>

<ul>
    <li><a href="./pages/contact.html">Ir a Contacto</a></li>
    <li><a href="https://federaciondecafeteros.org/wp/" target="_blank">Visitar Federación de Cafeteros</a></li>
    <li><a href="#segundo">Segundo párrafo</a></li>
</ul>
<br>
<p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Reprehenderit eligendi dolorum sunt blanditiis voluptatum, aspernatur neque possimus aliquid recusandae at quo voluptas placeat itaque cum, assumenda nemo culpa aliquam enim.
Deserunt est ea praesentium officia accusantium excepturi. In, error! Ipsum, ullam! Molestias ipsum, recusandae saepe doloremque fuga molestiae labore dolore facilis hic rem maxime amet nemo velit architecto voluptas pariatur?
Impedit dolore cum temporibus repellat veritatis dolor, debitis illum sed esse similique. Enim incidunt laboriosam consequuntur corporis placeat, porro dolorem tenetur. Dignissimos, voluptatum nostrum maxime natus laborum nobis deserunt incidunt.
Modi, tenetur molestias! Omnis iste quidem inventore nulla. Vitae dolorum, et iste alias sint at temporibus error eaque modi aliquam expedita odit obcaecati, ratione esse, suscipit perferendis dolorem mollitia molestiae?
Dolorem et, impedit libero necessitatibus voluptates iure vero ipsam. Atque in earum sunt delectus officia! Ex, quis ut voluptatum cupiditate magnam sit numquam tempore laudantium nobis, fugiat, hic illo soluta.
</p>
<img src="./images/AnalisisBarras.jpg" alt="">
<br><br>
<hr>
<h2 id="segundo">Segundo párrafo</h2>
<p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Nostrum nemo vero culpa totam dolore dicta odio incidunt aliquid vel esse corporis expedita corrupti facilis non voluptate aut, placeat dolores minus?
Excepturi fugit ipsum, ducimus laborum harum molestiae dicta delectus minus corporis? Culpa iure itaque ullam deleniti minima corrupti assumenda. Quam, natus molestias debitis fuga dolores optio porro incidunt iure laborum.
Dolores molestias dolorum necessitatibus repellendus eveniet cumque accusantium autem eum et, recusandae cupiditate a harum culpa sint tempora optio! Enim dolorem dolores accusamus reiciendis facere vitae tenetur, veritatis pariatur commodi.
</p>

</body>
</html>