04 Criando o corpo da página | HTML e CSS: ambientes de desenvolvimento, estrutura de arquivos e tags

Olá, Marcos!

Que bom que você está se dedicando ao estudo de HTML! Entendo que no começo pode ser um pouco confuso, mas vamos lá, vou te ajudar a entender melhor como criar o corpo de uma página web.

O HTML é a base de qualquer página da web, e ele utiliza tags para estruturar o conteúdo. Vamos dar uma olhada em um exemplo prático para criar o corpo da página:

Estrutura Básica do HTML:

<!DOCTYPE html>
<html>
<head>
    <title>Minha Página</title>
</head>
<body>
    <!-- Conteúdo visível da página irá aqui -->
</body>
</html>

Adicionando um Título: Dentro da tag <body>, você pode adicionar um título usando a tag <h1>:
```
<body>
    <h1>Bem-vindo à Minha Página</h1>
</body>
```

Adicionando um Parágrafo: Para adicionar um parágrafo, utilizamos a tag <p>:

<body>
    <h1>Bem-vindo à Minha Página</h1>
    <p>Este é o meu primeiro parágrafo.</p>
</body>

Adicionando uma Imagem: Para adicionar uma imagem, utilizamos a tag <img> com o atributo src para especificar o caminho da imagem:

<body>
    <h1>Bem-vindo à Minha Página</h1>
    <p>Este é o meu primeiro parágrafo.</p>
    <img src="caminho/para/sua/imagem.jpg" alt="Descrição da imagem">
</body>

Vamos criar um exemplo completo com base no que você aprendeu até agora:

<!DOCTYPE html>
<html>
<head>
    <title>Meu Portfólio</title>
</head>
<body>
    <h1>Isso é um título</h1>
    <p>Isso é um parágrafo</p>
    <img src="html.png" alt="Logo do HTML 5">
</body>
</html>

Neste exemplo, temos:

Um título principal usando <h1>.
Um parágrafo usando <p>.
Uma imagem usando <img> com os atributos src e alt.

Lembre de sempre salvar seu arquivo e atualizar a página no navegador para ver as mudanças.

Um abraço e bons estudos.