Postagens

Mostrando postagens de abril, 2024

Exemplo de formulário em HTML

Imagem
É muito fácil criar um formulário em HTML, veja abaixo um formulário com dois campos, uma lista suspensa com duas opções e um botão enviar. <!DOCTYPE html> <html> <head> <title>Criando um formulário HTML</title> </head> <body> <h1>Exemplo: Criando um formulario HTML</h1> <form> <label>Nome:</label><br> <input name="nome" type="text"><br><br> <label>Sobrenome:</label><br> <input name="sobrenome" type="text"><br><br> <label>Gênero: </label> <select id="genero"> <option value="M">Masculino</option> <option value="F">Feminino</option> </select><br><br><br> <input name="btnEnvi
Postar um comentário
Leia mais

Exemplo de tabela em HTML

Imagem
Quando temos um padrão de informações e quisermos organizar de forma mais estruturada, podemos fazer uso de tabelas. <!DOCTYPE html> <html> <head> <title>Exemplo de uma tabela</title> </head> <body> <h1>Exemplo de uma tabela</h1> <table border="1"> <tr> <td>Produto</td> <td>Peso</td> <td>Preço</td> <td>Quantidade</td> <td>Total</td> </tr> <tr> <td>Arroz</td> <td>1kg</td> <td>R$4,56</td> <td>4</td> <td>R$18,24</td> </tr> <tr> <td>Queijo</td> <td>1kg</td> <td>R$25,00</td> <td>1</td> <td>R$25,00</td&g
Postar um comentário
Leia mais

Exemplo de lista de links em HTML

Que tal criar um menu para o seu site? O modo mais simples e melhor organizado seria criar uma lista de links, pode ser os links do próprio site ou de qualquer outro que esteja disponível na internet. O exemplo abaixo mostra uma forma simples de criar um menu de departamentos de uma loja virtual. <!DOCTYPE html> <html> <head> <title>Exemplo de uma lista de links</title> </head> <body> <h1>Exemplo de uma lista de links</h1> <!--para funcionar corretamente é só trocar o # por um endereço, exemplo: http://exemplo.com.br --> <p><b>DEPARTAMENTOS</b></p> <ul> <li><a href="#">Games</a></li> <li><a href="#">Eletrodomésticos</a></li> <li><a href="#">Celulares e Smartphones</a></li> <li><a href="#">Tab
Postar um comentário
Leia mais

Exemplo de lista em HTML

Imagem
As listas são muito úteis, elas podem ser usadas para organizar um menu tanto na horizontal quanto na vertical que é muito usado em qualquer tipo de site e até mesmo aplicativos. Podemos também criar listas como imagens ou uma lista de vídeos entre outros. <!DOCTYPE html> <html> <head> <title>Exemplo de uma lista não ordenada</title> </head> <body> <h1>Exemplo de uma lista não ordenada</h1> <ul> <li>Calçados</li> <li>Roupas</li> <li>Eletrônicos</li> <li>Eletroportáteis</li> <li>Móveis</li> </ul> </body> </html> Resultado:
Postar um comentário
Leia mais

Conheça Alguns elementos do HTML

As tags são simples de identificar, tags de abertura do HTML começa com símbolo de menor que < , e termina com símbolo de maior que > . As tags de fechamento inicia com símbolo de menor que e uma barra, </ , e termina com símbolo de maior quer >. Na tabela abaixo, estão algumas das tags mais usadas na criação de sites. Elementos Descrição <!DOCTYPE html> Elemento que diz ao navegador qual tipo de documento será renderizado. <html> Elemento que define a raíz do documento <head> Elemento que contém metadados / informações para o documento <title> Elemento que define um título para o documento. <!--...--> Define um comentário <body> Todo conteúdo do site deve ser colocado dentro deste elemento. <p> Elemento que define um parágrafo. <h1>
Postar um comentário
Leia mais