SW20210324

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>img, figure, figcaption, map, area</title>
</head>
<body>
    <!-- elemento img (vazio de conteúdo) com a semântica de "imagem"
    width - largura
    height - altura
    quando se manipula apenas 1 dos atributos altura/largura, os browsers modernos
    asseguram o respeito da relação largura:altura original, não provocando distorções

    nas se forçarmos a manipulação de ambas as medidas, poderemos causar distorções/anamorfismos

    há diferentes medidas de largura/altura = {absolutas, relativas}
    canvas

sugestão: a haver necessidade de escalar... (1) usar % (medida relativa) ;
 (2) explicitar apenas uma dimensão (ou width, ou height, NÃO ambas)
    -->
    <figure>
        <!-- legenda / texto descritivo da figure -->
        <figcaption>3 very important women : Angela Merkel, Gina Haspel, Theresa May</figcaption>
        <img
            alt="left to right: Angela Merkel, Gina Haspel, Theresa May"
            width="50%"
            src="https://arturmarques.com/edu/sw/files/w04/angela_merkel_gina_haspel_theresa_may.jpg"
        >
    </figure>
</body>
</html>