<!DOCTYPE html> <!-- Significa a versão do HTML usado, no caso esse seria a mais recente que seria a versão 5-->
<html lang="pt-br"> <!-- Informa ao navegador a linguagem da pagina-->
<head> <!--Aqui começamos com a "Cabeça" da pagina que seria o nome dela -->
<meta charset="UTF-8"> <!--Esssa metatag indidica o formato de caracters a ser exibido, o mais popular seria o UTF-8-->
<meta http-equiv="X-UA-Compatible" content="IE=edge"> <!--Essa meta tag disponibiliza a compatibilidade da pagina com o navegador edge, como descrito no final do código-->
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <!-- Essa metatag adapta a pagina diferentes tamanhos de tela -->
<title>Seu portifólio!</title><!--Esse é o nome do site-->
<link rel="stylesheet" href="style.css"> <!--Essa metatag é inserida no head para linkar o uso do css nesse documento de html-->
</head> <!--Aqui fechamos a nossa "Cabeça" da página -->
<body><!-- A tag body "Corpo" é o corpo da página estruturada-->
<div><!-- Essa tag significa divisão, separa os conteudos de forma ao código ser mais legível-->
<h1>Um futuro <strong>Desenvolvedor Front-end!</strong></h1> <!--Aqui é o titulo introduzindo no começo do corpo da pagina-->
<p>Olá! Sou o Fulano, futuro desenvolvedor Front-end com especialidade em React, HTML e CSS. Pretendo começar na área como Desenvolvedor Front-end.<br><!--A tag br é uma tag de quebra de linha--> Vamos conversar?</p><!--Obviamente isso é um paragrafo -->
<a href="https://www.Instagram.com">Instagram</a><!--Aqui inserir um hyperlink que seria um link clickável para direcionamento-->
<a href="https://www.linkedin.com">LinkedIn</a><!--Aqui também rsrs -->
<img src="SuaFoto.jpg" alt="Sua foto aqui"><!--Insere uma foto à página-->
</div><!--Aqui fechamos nossa divisão com o conteúdo da pagina -->
</body><!--Aqui se fecha o corpo total da pagina -->
</html><!--Aqui encerramos o documento HTML-->
