1
resposta

Primeiro exercicio HTML (Mão na massa)

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>  Diário de um aventureiro </title>
    </head>

    <body>
        <header>
            <h1> Diário de um Aventureiro </h1>
            <p>Descubra destinos incríveis, culturas e dicas valiosas para explorar o mundo com confiança. <br>Este blog é dedicado a inspirar viajantes com informações práticas e relatos emocionantes sobre aventuras ao redor do mundo.</p>
            <img src="capa1.jpg" alt="Por do sol" style="width: 100%; height: auto;">
        </header>

        <main>
            <section id="dicas">
                <h2> Dicas de Viagem </h2>
                <ul>
                    <li> Como economizar na hospedagem</li>
                    <li>Os melhores apps para viajar</li>
                    <li>O que levar na mala para cada estação</li>
                </ul>
            </section>

            <section id="destinos">
                <h2>Destinos Populares</h2>
                <article>
                    <h3> Paris, França</h3>
                    <p>Explore a cidade do amor com visitas à Torre Eiffel, museus renomados e gatronomias irresistivéis.</p>
                    <img src="paris (1).jpg" alt="Torre Eiffel" style="width: 300px; height: auto;">
                    <img src="paris (5).jpg" alt="Paris" style="width: 300px; height: auto;">
                    <img src="paris (6).jpg" alt="Piramide" style="width: 300px; height: auto;">
                </article>

                <article>
                    <h3>Rio de Janeiro, Brasil</h3>
                    <p>Descubra praias deslumbrantes, a agitação do Carnaval e paisagens naturais de tirar o fôlego.</p>
                    <img src="rio de jaaneiro (3).jpg" alt="Praia rio" style="width: 300px; height: auto;">
                    <img src="rio de jaaneiro (2).jpg" alt="Vista do Cristo Redendor" style="width: 300px; height: auto;">
                    <img src="rio de jaaneiro (1).jpg" alt="Vista Pão de Açucar" style="width: 300px; height: auto;">
                </article>

                <article>
                    <h3>Tóquio, Japão</h3>
                    <p>Conheça umas das cidades mais agitadas do mundo, mergulhe na sinfonia de luzes e cores e arranha céus explendidos e uma parada obrigatória para degustar a culinária mais popular do planeta.</p>
                    <img src="japao (6).jpg" alt="Japão" style="width: 300px; height: auto;">
                    <img src="japao (5).jpg" alt="Rua do Japao a noite" style="width: 300px; height: auto;">
                    <img src="japao (4).jpg" alt="Japão" style="width: 300px; height: auto;">
                </article>
            </section>
        </main>

    </body>

</html>
1 resposta

Oi, Stephanny!

Obrigada por compartilhar seu código com a comunidade Alura.

Gostei muito da organização do seu código HTML. A estrutura tá clara, e você utilizou tags semânticas como <header>, <section> e <article> de forma excelente. Isso ajuda tanto na acessibilidade quanto na manutenção do código.

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

Caso este post tenha lhe ajudado, por favor, marcar como solucionado ✓

bons estudos