Em uma página web de notícias construída com HTML5, diversas...

Gabarito: A

A alternativa correta é a A, que afirma que o web designer deu às imagens alinhadas à esquerda o mesmo nome de classe utilizando o atributo class, e formatou essas imagens pelo nome da classe no bloco CSS. Para entender por que essa alternativa é correta, é essencial compreender a funcionalidade das classes em CSS.

No CSS, uma classe é um identificador que pode ser aplicado a múltiplos elementos HTML para atribuir a eles um mesmo conjunto de estilos. Esta é uma maneira eficiente de manter a consistência e a reutilização de estilos em uma página web. Classes são definidas no CSS utilizando um ponto (.) seguido pelo nome da classe, e podem ser aplicadas a qualquer elemento HTML através do atributo class.

Quando o web designer deseja que várias imagens tenham a mesma formatação, ele pode criar uma classe única, como .imagens-esquerda, e aplicar essa classe a todas as imagens que devem ser alinhadas à esquerda. No arquivo CSS, a classe seria algo como:

.imagens-esquerda {
    float: left;
    /* Outros estilos aqui */
}

No HTML, a aplicação da classe seria realizada desta forma:

<img src="imagem1.jpg" class="imagens-esquerda">
<img src="imagem2.jpg" class="imagens-esquerda">

Essa abordagem permite que qualquer alteração feita na definição da classe no arquivo CSS se reflita automaticamente em todas as imagens que possuem essa classe, garantindo assim um design consistente e facilitando a manutenção do código.

As outras alternativas não são corretas por diversos motivos: a alternativa B sugere o uso de diferentes tags HTML para alinhamento, o que não é prático nem recomendável; a alternativa C menciona o uso do atributo id, que é único para cada elemento e, portanto, não serve para aplicar estilos a múltiplos elementos; a alternativa D menciona um atributo equals que não existe em HTML ou CSS; e a alternativa E sugere a repetição de código no CSS para cada imagem, o que é ineficiente e contraria o princípio de reutilização de código.

Em um arquivo externo .css, irá formatar as imagens da seguinte forma.

   .img{

    margin: 5px;

    border: 1px solid #ccc;

    float: left;

    width: 180px;

}

Embora dê pra fazer usando o atributo id, ele é indicado para ser usado quando um elemento é único, sem repetições ou outros elementos com o mesmo valor.