Exercício de resolução

Resolução da atividade

index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Homepage</title>
</head>
<body>
    
    <nav>
        <ul>
            <li>
                <a href="index.html">Homepage</a>
            </li>
            <li>
                <a href="files/images.html">Minhas Imagens</a>
            </li>
            <li>
                <a href="contact.html">Contato</a>
            </li>
        </ul>
    </nav>

    

    <h1>Homepage</h1>

    <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Voluptas deleniti qui possimus eaque consectetur itaque animi. Pariatur voluptates illum deserunt assumenda! Doloribus in asperiores eos sapiente ea fugit perferendis repellat.</p>
</body>
</html>

contact.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Contato</title>
</head>
<body>
    <nav>
        <ul>
            <li>
                <a href="index.html">Homepage</a>
            </li>
            <li>
                <a href="files/images.html">Minhas Imagens</a>
            </li>
            <li>
                <a href="contact.html">Contato</a>
            </li>
        </ul>
    </nav>

    <h1>Contato</h1>

    <p>Fale comigo</p>

    <ul>
        <li>
            <a href="mailto:meuemail.com">meuemail@email.com</a>
        </li>
        <li>
            <a href="tel:8877776666">(88) 7777 6666</a>
        </li>
    </ul>
</body>
</html>

imagens.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Imagens</title>
</head>
<body>
    <nav>
        <ul>
            <li>
                <a href="../index.html">Homepage</a>
            </li>
            <li>
                <a href="images.html">Minhas Imagens</a>
            </li>
            <li>
                <a href="../contact.html">Contato</a>
            </li>
        </ul>
    </nav>

    <h1>Minhas imagens</h1>

    <p>Olha isso!</p>

    <p>
        <img src="./1.jpeg" alt="Imagem 1">
        <img src="./2.jpeg" alt="Imagem 2">
    </p>
    
</body>
</html>

Links úteis

Discord

O grupo é um dos pilares do nosso método e impulsiona tanto o desenvolvimento de habilidades técnicas e comportamentais, quanto a carreira através de conexões profissionais.

Plataforma

Nossa plataforma de aprendizado contínuo reúne todos os nossos programas completos e é a casa dos eventos gratuitos da Rocketseat.