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. Criando um formulário HTML Exemplo: Criando um formulario HTML Nome: Sobrenome: Gênero: Masculino Feminino Resultado:

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. Exemplo de uma tabela Exemplo de uma tabela Produto Peso Preço Quantidade Total Arroz 1kg R$4,56 4 R$18,24 Queijo 1kg R$25,00 1 R$25,00 Açúcar 1kg R$2,00 3 R$6,00 Resultado:

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. Exemplo de uma lista de links Exemplo de uma lista de links DEPARTAMENTOS Games Eletrodomésticos Celulares e Smartphones Tablets Eletroportáteis Informática e games TV e Vídeo Resultado: DEPARTAMENTOS Games Eletrodomésticos Celulares-e Smartphones Tablets Eletroportateis Informática e games TV e Video

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. Exemplo de uma lista não ordenada Exemplo de uma lista não ordenada Calçados Roupas Eletrônicos Eletroportáteis Móveis Resultado:

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...