1
resposta

[Projeto] Desafio Mão na massa

<!DOCTYPE html>
<html lang="pt-br">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Fórmula 1</title>
</head>
<body>

    <h1>Os 3 pilotos com mais Vitória na Fórmula 1</h1>
    <h2>E essas são:</h2>

    <ol>
        <li>
            <h4>Lewis Hamilon</h4>
        <img src="hamilton.jpeg" alt="Foto de Lewis Hamilton">
        <p>Sir Lewis Carl Davidson Hamilton é um automobilista britânico e cidadão honorário brasileiro. Sete vezes campeão mundial de Fórmula 1, nos anos de 2008, 2014, 2015, 2017, 2018, 2019 e 2020, Hamilton é um dos maiores pilotos de todos os tempos, e um dos desportistas mais bem sucedidos da história.</p>
        </li>

        <br>

        <li>
            <h4>Michael Schumacher</h4>
            <img src="schumacher.jpeg" alt="Foto de Michael Schumacher">
            <p>Michael Schumacher é um ex-automobilista alemão, sete vezes campeão da principal categoria do automobilismo, detém inúmeros recordes, incluindo voltas mais rápidas, maior número de campeonatos e mais corridas ganhas em uma única temporada - 2004. Em 2002 ele se tornou o único piloto na história da F1 a terminar entre os três primeiros em todas as corridas em um mesmo campeonato.</p>
        </li>

        <br>

        <li>
            <h4>Max Verstappen</h4>
            <img src="max.jpeg" alt="Foto de Max Verstappen">
            <p>Max Emilian Verstappen é um automobilista, neerlandês. Ele é piloto de Fórmula 1 desde 2015, tendo feito sua estreia pela equipe Toro Rosso. Foi três vezes campeão da Fórmula 1 em 2021, 2022 e 2023, e terminou em terceiro lugar em 2019 e 2020 com a Red Bull Racing, equipe pela qual corre desde 2016.</p>
        </li>    
    </ol>
    
</body>
</html>
1 resposta

Olá Lucas, tudo bem com você?

A estrutura HTML que você criou para destacar os pilotos mais vitoriosos da Fórmula 1 está muito bem organizada e informativa. A inclusão das imagens e dos textos descritivos enriquece bastante a experiência de quem visita a página.

Uma curiosidade interessante sobre HTML é que ao utilizarmos o atributo alt das imagens ela melhora a acessibilidade, para isso, podemos descrever brevemente o conteúdo das fotos para usuários com deficiência visual. Abaixo um exemplo:

<img src="hamilton.jpeg" alt="Lewis Hamilton, piloto de Fórmula 1 usando capacete vermelho durante uma corrida">

Conte com o apoio do Fórum na sua jornada. Fico à disposição. Abraços e bons estudos!