- Construindo a estrutura básica do HTML
<!DOCTYPE html>
<html lang="en">
<head>
<title>Meu Portifólio</title>
</head>
<body>
</body>
</html>
- Adicionando conteúdo ao HTML
<!DOCTYPE html>
<html lang="en">
<head>
<title>Meu Portifólio</title>
</head>
<body>
<h1>Bem-vindo ao Meu Portifólio</h1>
<p>Esse local é destinado para postagem dos meus projetos conforme for evoluindo no HTML e CSS.</p>
</body>
</html>
- Trabalhando com meta tags e título
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Meu Portifólio - Início</title>
</head>
<body>
<h1>Bem-vindo ao Meu Portifólio</h1>
<p>Esse local é destinado para postagem dos meus projetos conforme for evoluindo no HTML e CSS.</p>
</body>
</html>
- Organizando conteúdo com tags HTML
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Meu Portifólio</title>
</head>
<body>
<h1>Meu Portifólio</h1>
<h2>Seja muito bem-vindo ao Meu Portifólio</h2>
<p>Esse local é destinado para postagem dos meus projetos conforme for evoluindo no HTML e CSS.</p>
</body>
</html>
- Adicionando imagens com acessibilidade
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Meu Portifólio</title>
</head>
<body>
<h1>Meu Portifólio</h1>
<h2>Seja muito bem-vindo ao Meu Portifólio</h2>
<p>Esse local é destinado para postagem dos meus projetos conforme for evoluindo no HTML e CSS.</p>
<img src="minha-foto.jpg" alt="Minha foto">
</body>
</html>
- Listando Itens em HTML
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Meu Portifólio</title>
</head>
<body>
<h1>Meu Portifólio</h1>
<h2>Seja muito bem-vindo ao Meu Portifólio</h2>
<p>Esse local é destinado para postagem dos meus projetos conforme for evoluindo no HTML e CSS.</p>
<img src="minha-foto.jpg" alt="Minha foto">
<ul>
<li>Home</li>
<li>Projeto 1</li>
<li>Projeto 2</li>
</ul>
</body>
</html>
Conte com o apoio da comunidade Alura na sua jornada. Abraços e bons estudos!