Programar em HTML (HyperText Markup Language) é a base para criar páginas da web. Aqui está um guia introdutório para você começar:



### Estrutura Básica de um Documento HTML

Um documento HTML típico tem a seguinte estrutura:

```html
<!DOCTYPE html>
<html lang="pt-br">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Meu Primeiro Site</title>
</head>
<body>
    <h1>Olá, Mundo!</h1>
    <p>Este é o meu primeiro site em HTML.</p>
</body>
</html>
```

### Elementos Principais

- **<!DOCTYPE html>**: Declara o tipo de documento como HTML5.
- **<html>**: Elemento raiz que contém todo o conteúdo da página.
- **<head>**: Contém metadados sobre o documento, como o título e links para estilos.
- **<body>**: Contém todo o conteúdo visível da página.

### Elementos Comuns

- **Cabeçalhos**: `<h1>` a `<h6>` para títulos e subtítulos.
    ```html
    <h1>Título Principal</h1>
    <h2>Subtítulo</h2>
    ```
- **Parágrafos**: `<p>` para textos em parágrafo.
    ```html
    <p>Este é um parágrafo.</p>
    ```
- **Links**: `<a>` para criar hiperlinks.
    ```html
    <a href="https://www.exemplo.com">Visite nosso site</a>
    ```
- **Imagens**: `<img>` para adicionar imagens.
    ```html
    <img src="imagem.jpg" alt="Descrição da imagem">
    ```

### Listas

- **Listas Ordenadas**: `<ol>` para listas numeradas.
    ```html
    <ol>
        <li>Item 1</li>
        <li>Item 2</li>
    </ol>
    ```
- **Listas Não Ordenadas**: `<ul>` para listas com marcadores.
    ```html
    <ul>
        <li>Item A</li>
        <li>Item B</li>
    </ul>
    ```

### Formulários

- **Formulário Básico**:
    ```html
    <form action="/submit" method="post">
        <label for="nome">Nome:</label>
        <input type="text" id="nome" name="nome">
        <input type="submit" value="Enviar">
    </form>
    ```

### Comentários

- **Adicionar Comentários**:
    ```html
    <!-- Este é um comentário -->
    ```

### Recursos para Aprender Mais

- [MDN Web Docs sobre HTML](https://developer.mozilla.org/pt-BR/docs/Web/HTML)
- [W3Schools - HTML Tutorial](https://www.w3schools.com/html/)

### Prática

A melhor maneira de aprender HTML é praticando. Crie suas próprias páginas da web, experimente diferentes elementos e veja como eles funcionam juntos.

Se tiver alguma dúvida ou precisar de ajuda com algo específico, estou aqui para ajudar! 🚀

Comentários

Postar um comentário

Postagens mais visitadas