Em Estrutura HTML Estruturas de tabelas
Kit HTML





Estrutura HTML



Para visualizar a estrutura realizada 14/06 , Avaliação Formulário avançado Clique Aqui

Estrutura realizada 09/06
Nessa estrutura cria-se tabelas


            Na aula de hoje aprendemos a criar uma tabela com células, abaixo uma 
estrutura simples com 2 celulas:

Estrutura:             



 Resultado

                                                                                                                          


               Agora uma estrutura com 4 celulas, compare a estrura a cima e veja a sequencia de codigo:
                                    
                                             
                                      Estrutura:   
Resultado

                         Agora vamos revisar atributos da aula de hoje, para que possamos aumentar a borda e a cor, trocar a font, a cor de fundo da tabela, e o espaço entre as celulas:
Só ira ter efeito se colocar dentro da tag ex:<table border="10" width="200">



Atributos:


  • alignAlinha horizontalmente o que esta dentro da célula. 








  • bgcolor:Dá cor de fundo á tabela.








  • border:Define o numero de pixels da borda.









  • cellpadding:Define em pixel o tamanho da célula.


  • cellspacing:Define o espaço entre as celulas,em pixels.














  • height:Define a altura da tabela em pixels ou em porcentagem.




  • width:Define a largura da tabela em pixels ou em porcentagem.










        



Estrutura realizada 09/06
Nessa estrutura cria-se caixa de opções

No Lugar das opções "Evangélico, Católico..." você pode colocar outras palavras, conforme o que você quiser!
Resultado:


Estrutura realizada 07/06  
Nessa estrutura cria-se formulario e senhas





                 









Estrutura realizada 02/06
Nessa estrutura cria-se botões de acesso


No Lugar do "Comprar" e "Colocar no carrinho!" você pode colocar a frase que quiser, para seu botão de acesso, exemplo "Enviar Mensagem". Depois que tiver feito sua estrutura, salve em ".html" para o arquivo abrir no seu navegador! Bom uso da sua estrutura.
O resultado da sua estrutura, será assim:


 



Estrutura realizada 31/05
      Nessa estrutura a uma imagem de fundo e uma frase com animação  




  • Personalizando a estrutura a cima :

                                                   
                    Vamos aprender a fazer do nosso modo seguindo a estrutura acima :
Em primeiro lugar temos que colocar a imagem de fundo ,como mostra a imagem acima, depois de <head>.Coloque o nome da imagem mais o formato ex:minhafoto.jpg , pronto nós já temos uma imagen de fundo na nossa estrutura,agora temos que por a frase mais a animação nela,em <font color = coloque a sua cor em código ou em inglês (Para códigos de cores acesse Tabelas de Cores ),depois de escolher a cor da frase que iremos fazer a animação,vamos escolher o tamanho da fonte com (h1,h2,h3,h4,h5,h6) lembrando quem h1 é a maior fonte,depois dessa etapa vamos para a animação, iniciando com <marquee (código que trás o efeito para a frase fotos etc.)em direction=down voce muda o efeito da animação


DOWN=O texto entrada de cima para baixo
Left=O texto entra a esquerda
Right=O texto entra a direita
Up=O texto entra de baixo pra cima



pronto complete a linha do código e salva em HTML e veja o seu resultado tendo sastisfação em fazer uma estrutura sozinho ;)


CLIQUE NA IMAGEM PARA VER O RESULTADO!






           Estrutura realizada 24/05
                  Nessa estrutura cria-se um texto com animação


Seguindo o código a cima , salve em HTML ex: Nomedoarquivo.html 
Lembrando que a frase com a cor pink esta com animação
                                    

     Estrutura realizada 26/05 
       Nessa estrutura cria-se 4 modelos de Listas

Seguindo o código a cima , salve em HTML ex: Nomedoarquivo.html





3 comentários:

Roger disse...

Kd os comandos de hj??

Anônimo disse...

Oque é um Browser ?

Bruno Matos disse...

Browser é o seu navegador (ex:Google Crome,Internet Explorer,Mozila Firefox.)