Deselvolvimento seguindo os Padrões Web
Wednesday, 21 de May de 2008
Primeiro uma aulinha básica sobre html, suas principais tags e seus usos.
Principais tags, ou as tags mais usadas:
div: como o nome indica, é um elemento que fará a divisão de algo. É um elemento sem significado algum (isso é importante) e do tipo block.
Tio, Tio, o que é esse tipo block. Pequeno padawan, continue lendo até o final da lista dos elementos mais usados que depois eu explico tudo.
span: Outro elemento que faz divisão de algo. É um elemento sem significado algum e do tipo inline.
p: O elemento p é um parágrafo. É usado para fazer… Parágrafos!! É um elemento do tipo block.
h1, h2, h3, h4, h5 e h6: O h vem da palavra Header. Cabeçalho. Eles são usados para títulos. Só deve existir 1 h1 na página, normalmente o nome do site + uma pequena descrição ou a descrição mais importante do site. É o título mais importante. A ordem de importância vai caindo conforme os números. O uso do h2 até o h6 requer somente o bom sendo. Elemento do tipo block.
ex: h2 – títulos de seções, h3 – categorias, titulos de páginas internas, h4 – subtítulos de paginas internas
table: Tabelas. Serve para usar em dados tabulares. elemento do tipo block.
thead, tbody, tfoot, th: table head, table body, table footer, table header. Servem para dar sentido a tabela. E para ter mais liberdade na hora de aplicar o css.
a: Vem da palavra anchor, âncora. É um link. Altura padrão: 14px. elemento do tipo inline.
img: Imagem. elemento do tipo inline.
Listas: Por favor, leia esse artigo Ele explica tudo sobre listas de uma forma simples e eficiente.
Tio, Tio, mas eu não sei inglês Tio. Bem, problema seu 
O mercado de trabalho é cruel, pequeno Padawan, boa sorte.
Como estou de bom humor, um resumo do resumo:
Listas: Se não faz sentido ter bullets perto de um item, então não é uma lista.
São 3 tipos de lista:
dl (definition list)
ol (ordered list)
ul (unordered list)
dl: Atualmente é usado para qualquer tipo de par item-valor(es). Detalhe para o negrito em atualmente.
ul e ol: Se trocando a ordem dos itens também se troca o sentido da lista, então é uma lista ordenada. Caso não troque o sentido, é uma lista não-ordenada.
ex:
ul – Ingredientes de uma receita
ol – Descrição de como preparar uma receita
dl – FAQ da receita
fim do resumo
Com isso termina a lista dos elementos mais usados.
Tio, Tio, mas só isso? Sim, só isso. Simples, não?
Semana que vem tem mais!
Cenas dos próximos capítulos:
- Semântica
- Simplicidade. Quanto mais simples e enxuto, melhor e mais fácil será trabalhar no código.
- Diferença entre display: inline e display: block;
- Principais bugs do IE6 e seus fixes;
- Porque usar em, o que é em.
- Nomenclatura de classe e IDs
Críticas e Sugestões? Comente!
André em 11-08-2008 às 11:03 am
Não rola mais atualizar este site não?
conteúdo continue atualizando, está mandando bem
Caio em 11-08-2008 às 11:09 am
Opa!
Olha, aconteceu tantas coisas depois que escrevi essa primeira parte do artigo, que ficou um pouco difícil escrever as outras partes!
Mas vou ver se nessa semana eu já termino as outras partes, e faço mais textos para atualizar o site
André em 13-08-2008 às 9:39 am
Opa, também posso dar algumas dicas nos comentários assim que for atualizando, mas muito bom o blog
André em 22-08-2008 às 9:39 am
Dae parceiro!! dá uma olhada aqui…
http://code.google.com/p/ie7-js/
faz o ie5.5 e o ie 6 funcionar como standard browsers… funcionando as tags avançadas do css2 como por exemplo…
input[type="text"] ou position:fixed;
Vale a pena conferir =)