Gerador Visual HTML

Títulos, links, imagens, formulários, tabelas e mais — com preview ao vivo

Título (h1-h6)

Título da Página

<h1>Título da Página</h1>
Parágrafo

Este é um parágrafo de exemplo.

<p>Este é um parágrafo de exemplo.</p>
Link (a)
Clique aqui
<a href="https://exemplo.com">Clique aqui</a>
Imagem (img)
Descrição da imagem
<img src="https://picsum.photos/300/150" alt="Descrição da imagem" width="300" height="150" loading="lazy">
Botão
<button type="button">Enviar</button>
Campo de Formulário (input)
<input type="text" name="campo" placeholder="Digite aqui...">
Lista Suspensa (select)
<select name="opcao">
  <option value="Opção 1">Opção 1</option>
  <option value="Opção 2">Opção 2</option>
  <option value="Opção 3">Opção 3</option>
</select>
Lista (ul/ol)
  • Primeiro item
  • Segundo item
  • Terceiro item
<ul>
  <li>Primeiro item</li>
  <li>Segundo item</li>
  <li>Terceiro item</li>
</ul>
Tabela
Coluna 1 Coluna 2 Coluna 3
Linha 1, Col 1 Linha 1, Col 2 Linha 1, Col 3
Linha 2, Col 1 Linha 2, Col 2 Linha 2, Col 3
Linha 3, Col 1 Linha 3, Col 2 Linha 3, Col 3 
<table>
  <thead>
    <tr>
      <th>Coluna 1</th>
      <th>Coluna 2</th>
      <th>Coluna 3</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>Linha 1, Col 1</td>
      <td>Linha 1, Col 2</td>
      <td>Linha 1, Col 3</td>
    </tr>
    <tr>
      <td>Linha 2, Col 1</td>
      <td>Linha 2, Col 2</td>
      <td>Linha 2, Col 3</td>
    </tr>
    <tr>
      <td>Linha 3, Col 1</td>
      <td>Linha 3, Col 2</td>
      <td>Linha 3, Col 3</td>
    </tr>
  </tbody>
</table>
Container (div)
Conteúdo do container 
<div class="container">
  Conteúdo do container
</div>
Vídeo (video)
<video src="video.mp4" width="480" controls></video>
Incorporar Página (iframe)
<iframe src="https://exemplo.com" width="560" height="315" title="conteúdo incorporado" frameborder="0"></iframe>
Formulário Completo
<form action="/enviar" method="POST">
  <label>Nome
    <input type="text" name="nome">
  </label>
  <label>E-mail
    <input type="text" name="e-mail">
  </label>
  <button type="submit">Enviar</button>
</form>