Postagens

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

Lab – Inkscape: Desenhando Ativos Do Jogo Corrida De Coelhos

Imagem
Vamos desenhar os recursos gráficos para um jogo simples, titulado corrida de coelhos. Ideal para criar jogos simples a até mesmo, pode ser usado em projetos didáticos nos cursos básicos de programação de jogos 2D. Neste lab, será usado o programa Inkscape, um ótimo programa para criar artes vetoriais. Vamos usar formas básicas como: Retângulos, Círculos etc..  O que vamos desenhar?  Vamos desenhar três coelhos nas cores: preto, marrom e cinza  Uma faixa tipo tabuleiro de xadrez para representar a linha de chegada, na cor preto e branco  Um plano de fundo na cor verde azulado   Arte final Começando Ferramentas do Inkscape Desenhando Coelho Desenhando Linha de Chegada Montando o preview do jogo Preparando as artes para exportação Começando Antes de tudo e necessário que você tenha o Inkscape instalado em seu computador. É só fazer download no site oficial do Inkscape , o mesmo é gratuito e está disponível para os sistemas operacionais: Windows, Linux e Mac..Uma vez instalado, vamos
6 comentários
Leia mais

Web Scraping

Uma breve introdução ao Web Scraping Muitos dizem... Web Scraping, Web Crawler, Screen Scrapers, Spider, WebBots. Podemos dizer que todos eles são a mesma coisa, quando o assunto é analisar, coletar e processar dados da web. Pelo que se vê! Existem variações, mas o termo mais usado hoje em dia é Web Scraping. O que é Web Scraping? Web Scraping ou traduzindo para o português ( Raspagem da Web). Nada mais é que coletar dados da internet de forma automatizada. Obviamente, trata-se de um programa escrito em alguma linguagem de programação tais como: Java, Python, C/C++/C#. A raspagem da Web é um campo diversificado e mudanças acontecem o tempo todo. Seu raspador, hoje funciona, amanhã pode não funcionar! A mudança nas estruturas das páginas web, sites com restrição de acesso etc. Pode ser um empecilho para que seu raspador funcione corretamente. Quando os administradores dos sites descobrem que tem um bot acessando o site, causando lentidão no servidor ou julgando ser um hacker tentando de
2 comentários
Leia mais