<section>
<h3 id = "fotografias">Fotografias</h3>
<a href="images/Imagens1_grande.jpg" target = "_blank">
<img src = "images/Imagens1_pequeno.jpg" alt = "Vista Geral da Vila de Santa Cruz das Flores">
</a>
<a href="images/Imagens2_grande.jpg" target = "_blank">
<img src = "images/Imagens2_pequeno.jpg" alt = "Fotografia da Piscina de Santa Cruz das Flores">
</a>
<a href="images/Imagens3_grande.jpg" target = "_blank">
<img src = "images/Imagens3_pequeno.jpg" alt = "Fotografia do Museu de Santa Cruz das Flores">
</a>
</section>
Queremos isto:
<section>
<h3 id = "fotografias">Fotografias</h3>
<a href="images/Imagens1_grande.jpg" target = "_blank">
<img src = "images/Imagens1_pequeno.jpg" alt = "Vista Geral da Vila de Santa Cruz das Flores">
</a>
<a href="images/Imagens2_grande.jpg" target = "_blank">
<img src = "images/Imagens2_pequeno.jpg" alt = "Fotografia da Piscina de Santa Cruz das Flores">
</a>
<a href="images/Imagens3_grande.jpg" target = "_blank">
<img src = "images/Imagens3_pequeno.jpg" alt = "Fotografia do Museu de Santa Cruz das Flores">
</a>
</section>
É necessário ter cuidado com a formatação do código, podes usar o Visual Studio Code para te ajudar a formatar o código.
https://github.com/tiago-goncalves-a22201250/tiago-goncalves-a22201250.github.io/blob/e3b373fdc9d9a80ddeead5dc5b026339bc7c7a6f/lab2/multimedia.html#L27
De forma a evitarmos isto:
Queremos isto: