1
resposta

[Desafio

1. Construindo a estrutura HTML do portfólio

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

2. Estruturando a página com tags semânticas

<!DOCTYPE html>
<html lang="pt-br">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Exercício</title>
</head>
<body>
    <header></header>
    <main>
        
    </main>
    <footer></footer>
</body>
</html>

3. Entendendo e aplicando as tags meta

<!DOCTYPE html>
<html lang="pt-br">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Portfólio do Luiz</title>
</head>
<body>
    <header></header>
    <main>
        
    </main>
    <footer></footer>
</body>
</html>

4. Inserindo e formatando elementos no HTML

<!DOCTYPE html>
<html lang="pt-br">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <header></header>
    <main>
        <h1> Hello <strong>Future Devs</strong></h1>
        <p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Mollitia quas voluptatibus error magni velit sapiente quidem repudiandae modi perspiciatis. Odit atque aliquid aspernatur voluptatibus tempore. Accusamus, reiciendis. Quam, voluptatum maxime!</p>
        <a href="https://github.com/fernandevv">GitHub</a>

5. Incorporando imagens com tags HTML

<!DOCTYPE html>
<html lang="pt-br">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <header></header>
    <main>
        <h1> Hello <strong>Future Devs</strong></h1>
        <p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Mollitia quas voluptatibus error magni velit sapiente quidem repudiandae modi perspiciatis. Odit atque aliquid aspernatur voluptatibus tempore. Accusamus, reiciendis. Quam, voluptatum maxime!</p>
        <a href="https://github.com/fernandevv">GitHub</a>
        <img src="Portfólio/html.png" alt="html 5">
    </main>
    <footer></footer>
</body>
</html>
1 resposta

Ótima organização, legal!