martim-lusofona
commented
2 hours ago Passamos de:
<h2>Multimédia</h2>
<p><a href="#fotografias">Fotografias</a>
<a href="#video">Vídeo</a>
<a href="#poema">Poema</a></p>
<h3 id="fotografias">Fotografias</h3>
<p><a href="images/bergen2_grande.jpg" target="_blank"><img src="images/bergen2_pequeno.jpg" alt="Bergen Noite"></a>
<a href="images/bergen3_grande.jpg" target="_blank"><img src="images/bergen3_pequeno.jpg" alt="Auroras Bergen"></a>
<a href="images/bergen4_grande.jpg" target="_blank"><img src="images/bergen4_pequeno.jpg" alt="Teleférico Bergen"></a></p>
<h3 id="video">Vídeo</h3>
<iframe width="560" height="315" src="https://www.youtube.com/embed/gENJ8nqPfVs?si=jhHxOjFU2_jhhNqN" 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>
<h3 id="poema">Poema</h3>
<pre>Entre montanhas e o mar,
Bergen encanta ao luar.
Fiordes que o vento abraça,
Bryggen, história que passa.
Nas ruas, o tempo flui,
Onde o céu com o mar se dilui.
Cores vibrantes, barcos no cais,
Beleza que nunca se desfaz.
</pre>Para:
<h2>Multimédia</h2>
<p>
<a href="#fotografias">Fotografias</a>
<a href="#video">Vídeo</a>
<a href="#poema">Poema</a>
</p>
<section>
h3 id="fotografias">Fotografias</h3>
<p>
<a href="images/bergen2_grande.jpg" target="_blank"><img src="images/bergen2_pequeno.jpg" alt="Bergen Noite"></a>
<a href="images/bergen3_grande.jpg" target="_blank"><img src="images/bergen3_pequeno.jpg" alt="Auroras Bergen"></a>
<a href="images/bergen4_grande.jpg" target="_blank"><img src="images/bergen4_pequeno.jpg" alt="Teleférico Bergen"></a>
</p>
</section>
(...)
Podemos utilizar o elemento section para ter um HTML melhor estruturado.
https://github.com/Rodrigo19Silva/Rodrigo19Silva.github.io/blob/96fa7a430f3574c7922905cceee5f7d88529f8e2/lab2/multimedia.html#L28