📝 Títulos e Parágrafos

Os títulos (headings) vão de <h1> a <h6>, sendo h1 o mais importante e h6 o menos. Parágrafos usam <p>.

Exemplo na prática:

Título principal (h1)

Subtítulo (h2)

Este é um parágrafo de exemplo.

Código HTML usado:

<h1>Título principal (h1)</h1>
<h2>Subtítulo (h2)</h2>
<p>Este é um parágrafo de exemplo.</p>

🔗 Links e Imagens

Links usam <a> com o atributo href para definir o destino. Imagens usam <img> com src e alt.

Exemplo:

Ir ao Google

Código HTML usado:

<a href="https://www.google.com" target="_blank">Ir ao Google</a>
<img src="https://via.placeholder.com/400x200.png?text=Exemplo+de+Imagem" alt="Imagem de exemplo">

📋 Listas

Listas não ordenadas usam <ul> e listas ordenadas usam <ol>. Itens usam <li>.

Exemplo:

Arroz
Feijão
Macarrão

Estudar HTML
Praticar
Criar um site

Código HTML usado:

<ul>
  <li>Arroz</li>
  <li>Feijão</li>
  <li>Macarrão</li>
</ul>

<ol>
  <li>Estudar HTML</li>
  <li>Praticar</li>
  <li>Criar um site</li>
</ol>

📊 Tabelas

Tabelas usam <table> para agrupar, <tr> para linhas, <th> para cabeçalhos e <td> para células.

Exemplo:

Nome	Idade
Lucas	25
Maria	30

Código HTML usado:

<table>
  <tr>
    <th>Nome</th>
    <th>Idade</th>
  </tr>
  <tr>
    <td>Lucas</td>
    <td>25</td>
  </tr>
  <tr>
    <td>Maria</td>
    <td>30</td>
  </tr>
</table>

✉️ Formulário

Formulários usam <form> e podem conter campos de texto, email, seleção e botões.

Exemplo:

Código HTML usado:

<form>
  <label>Nome:</label>
  <input type="text" name="nome">

  <label>Email:</label>
  <input type="email" name="email">

  <label>Mensagem:</label>
  <textarea name="mensagem"></textarea>

  <button type="submit">Enviar</button>
</form>