- Construindo a estrutura HTML do portfólio
Resposta: Concluído pelos outros exercícios.
- Estruturando a página com tags semânticas
<body>
<header>
<h1> Tecnologias: </h1>
<ul>
<li> JavaScript - <img src = "Unofficial_JavaScript_logo_2.svg.png" alt = "Logo do JavaScript"> </li>
<li> HTML - <img src = "HTML5_logo_and_wordmark.svg.png" alt = "Logo do HTML 5"> </li>
</ul>
</header>
<main>
<h1> Desenvolvedor Full-Stack em Formação </h1>
<p> Olá! Meu nome é Victor. Tenho 19 anos. Estou cursando Engenharia da Computação no UNASP e programação e Front-End na Alura. Seja bem vindo ao meu portifólio! </p>
<p> OBS: Não tem foto porque não achei uma boa para colocar =p </p>
</main>
<footer> <h3> Meus contatos: </h3>
<ul>
<li> <img src = "linkedin-logo-linkedin-icon-transpa.webp" alt = "Logo do LinkedIn"> <a href = "www.linkedin.com/in/victor-m-rodrigues"> LinkedIn </a> </li>
<li> <img src = "Logo do Github.png" alt = "Logo do GitHub"> <a href = "https://github.com/Victor-M-S-Rodrigues07"> GitHub </a> </li>
</ul>
</footer>
</body>
- Entendendo e aplicando as tags meta
<html lang = "pt-br">
<head>
<meta charset = "UTF-8">
<meta name = "viewport" content = "width=device-width, initial-scale=1.0">
<title> Meu Portifólio </title>
</head>
- Inserindo e formatando elementos no HTML
<main>
<h1> Desenvolvedor <strong> Full-Stack </strong> em Formação </h1>
<p> Olá! Meu nome é Victor. Tenho 19 anos. Estou cursando Engenharia da Computação no UNASP e programação e Front-End na Alura. Seja bem vindo ao meu portfólio! </p>
<p> OBS: Não tem foto porque não achei uma boa para colocar =p </p>
</main>
- Incorporando imagens com tags HTML
Meu código completo:
<!DOCTYPE html>
<html lang = "pt-br">
<head>
<meta charset = "UTF-8">
<meta name = "viewport" content = "width=device-width, initial-scale=1.0">
<title> Meu Portfólio </title>
</head>
<body>
<header>
<h1> Tecnologias: </h1>
<ul>
<li> JavaScript - <img src = "Unofficial_JavaScript_logo_2.svg.png" alt = "Logo do JavaScript"> </li>
<li> HTML - <img src = "HTML5_logo_and_wordmark.svg.png" alt = "Logo do HTML 5"> </li>
</ul>
</header>
<main>
<h1> Desenvolvedor <strong> Full-Stack </strong> em Formação </h1>
<p> Olá! Meu nome é Victor. Tenho 19 anos. Estou cursando Engenharia da Computação no UNASP e programação e Front-End na Alura. Seja bem vindo ao meu portfólio! </p>
<p> OBS: Não tem foto porque não achei uma boa para colocar =p </p>
</main>
<footer> <h3> Meus contatos: </h3>
<ul>
<li> <img src = "linkedin-logo-linkedin-icon-transpa.webp" alt = "Logo do LinkedIn"> <a href = "www.linkedin.com/in/victor-m-rodrigues"> LinkedIn </a> </li>
<li> <img src = "Logo do Github.png" alt = "Logo do GitHub"> <a href = "https://github.com/Victor-M-S-Rodrigues07"> GitHub </a> </li>
</ul>
</footer>
</body>
</html>
Só as imagens que ficaram muito grandes...
Foto: