Exemplo de lista em HTML

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.



Resultado:





Comentários

Postar um comentário

Postagens mais visitadas deste blog

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

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:
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...
Leia mais