WebDev-Lab-5/index.html at main · iyasyr/WebDev-Lab-5 · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="style.css">
    <title>Lab colaborativo</title>
</head>

<body>
    <header>
        <h1>Rosalia</h1>
    </header>
    <main class="main-area">
        <!-- imagen del artista -->
        <img src="https://www.rollingstone.com/wp-content/uploads/2018/11/rosalia-ayntk.jpg?w=1581&h=1054&crop=1" alt="Rosalia">
        <div class="content-block">

                <!-- texto -->
            <p >Lorem ipsum dolor sit amet consectetur adipisicing elit. Aperiam alias veniam atque sequi. Quis magni
                veniam ab neque amet officiis at quasi, aliquam quas perferendis pariatur, sit voluptatibus. Fugiat,
                incidunt?
                Lorem ipsum dolor sit amet consectetur adipisicing elit. Aperiam alias veniam atque sequi. Quis magni
                veniam ab neque amet officiis at quasi, aliquam quas perferendis pariatur, sit voluptatibus. Fugiat,
                incidunt?</p>
            <!-- video -->
            <iframe width="1100" height="619" src="https://www.youtube.com/embed/e-CEd6xrRQc"
                title="ROSALÍA - LA FAMA (Official Video) ft. The Weeknd" frameborder="0"
                allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
                referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>


            <!-- link1 -->
            <p>👆 Haz click aquí para ver el video</p>


            <!-- link2 -->
            <p>👇Haz click aquí para escuchar la canción</p>
            <!-- audio -->
            <audio controls>
                <source src="https://archive.org/download/rosalia-aunque-es-de-noche/ROSAL%C3%8DA%20-%20RENIEGO%20%28Cap.5%20Lamento%29.mp3" type="audio/mpeg">
                Tu navegador no soporta el elemento de audio.
            </audio>
        </div>
    </main>
</body>

</html>