O web designer Exey Panteleev (link no flickr) resolveu te dar uma ajudinha pra memorizar os códigos. Como? Fotografando lindas mulheres seminuas em situações que lembrem os comandos.
Por exemplo, você sabe o que é um ComboBox?
Aposto que você já viu um ComboBox em várias páginas, mas não desse jeito.
Por exemplo, a tag <hr/> coloca um traço horizontal na página:
Tá vendo o tracinho?
Já a tag <img/> serve pra colocar uma imagem na página.
E que imagem!
A tag <input/> coloca elementos de formulário na página, como botões, caixas de texto ou até mesmo ComboBox como vimos acima.
Input = entrada. Entendeu?
Bem, a tag <div> é para um uso mais avançado...
OMFG!
E claro, além de HTML, em um uso mais avançado você pode separar boa parte do layout num arquivo CSS.
Você pode especificar por exemplo, a linha da borda de uma tabela sendo pontilhada, usando border-style: dotted
Se quiser que uma imagem fique "flutuando", tanto na esquerda quanto na direita, você pode usar float: left ou float: right.
Eu é que estou flutuando com esse exemplo.
Se quiser deixar uma margem no topo, você pode usar padding-top:
E o text-shadow define atributos de sombreamento pra um texto (apesar de eu não conseguir fazer ele funcionar no firefox):
E finalmente, pra deixar o ponto de um item de uma lista com um quadrado, em vez da tradicional bolinha, use list-style-type:square.
E finalmente, se você desistir de HTML e CSS e partir pra uma solução Flash, pode tentar fazer em Flex (é muito mais prático, eu atesto!). No Flex, você trabalha com o conceito de containers, entre eles os mais usados são o HBox e o VBox, pra alinhar os outros componentes na horizontal e vertical.
Agora, quem sabe você já se animou pra estudar mais?
Aposto que você já viu um ComboBox em várias páginas, mas não desse jeito.
Por exemplo, a tag <hr/> coloca um traço horizontal na página:
Tá vendo o tracinho?
Já a tag <img/> serve pra colocar uma imagem na página.
E que imagem!
A tag <input/> coloca elementos de formulário na página, como botões, caixas de texto ou até mesmo ComboBox como vimos acima.
Input = entrada. Entendeu?
Bem, a tag <div> é para um uso mais avançado...
OMFG!
E claro, além de HTML, em um uso mais avançado você pode separar boa parte do layout num arquivo CSS.
Você pode especificar por exemplo, a linha da borda de uma tabela sendo pontilhada, usando border-style: dotted
Se quiser que uma imagem fique "flutuando", tanto na esquerda quanto na direita, você pode usar float: left ou float: right.
Eu é que estou flutuando com esse exemplo.
Se quiser deixar uma margem no topo, você pode usar padding-top:
E o text-shadow define atributos de sombreamento pra um texto (apesar de eu não conseguir fazer ele funcionar no firefox):
E finalmente, pra deixar o ponto de um item de uma lista com um quadrado, em vez da tradicional bolinha, use list-style-type:square.
E finalmente, se você desistir de HTML e CSS e partir pra uma solução Flash, pode tentar fazer em Flex (é muito mais prático, eu atesto!). No Flex, você trabalha com o conceito de containers, entre eles os mais usados são o HBox e o VBox, pra alinhar os outros componentes na horizontal e vertical.
Agora, quem sabe você já se animou pra estudar mais?
Mais fotos (e com qualidade superior) no Flick do Exey Panteleev.
Nenhum comentário:
Postar um comentário