Aprenda HTML e CSS na Prática - Parte 0

Bom gente, há muito tempo eu tenho em mente este projeto de ensinar HTML. Até comecei a faze-lo em outros blogs como o BrLoads, do meu amigo Bruno Medeiros.

Antes de mais anda, o que é HTML? Segundo nossa amiga estudantil Wikipédia:

HTML (abreviação para a expressão inglesa HyperText Markup Language, que significaLinguagem de Marcação de Hipertexto) é uma linguagem de marcação utilizada para produzir páginas na Web. Documentos HTML podem ser interpretados por navegadores. A tecnologia é fruto do "casamento" dos padrões HyTime e SGML.

 Apesar de não ser exatamente uma linguagem de programação, o HTML também possui tags, que são os "comandos" da "linguagem". As tags HTML são escritas dentro de parênteses angulares: <tag>. As tags é que irão dizer ao navegador como o elemento irá se comportar. Dentre as tags mais utilizadas temos:

O HTML impõe que todos as tags devem ser fechadas respeitando a hierarquia que você mesmo definiu, ou seja, lembra da famosa citação "os últimos serão os primeiros" ? Pois é, é exatamente isso. Quando você abre uma tag e dentro desta coloca uma segunda tag, esta segunda deve ser fechada antes da primeira.

O HTML é o responsável por criar os blocos físicos na página, mas não é possível, com HTML, dar estilo  a estes blocos... É aí que entra o CSS. Que, segundo a Wikipédia:

Tecnologia usada para formatar documentos HTML, XML e XHTML

É com o CSS que definimos cor, altura, largura, flutuamento, bordas, margens, e tudo o que se refere à aparência dos blocos criados com HTML. A escrita do CSS é feita da seguinte forma:

Seletor HTML{
Atributo: valor;
}

Seletor HTML é a tag criada no código HTML, Atributo é a característica que você quer dar ao seletor (altura, largura, etc) e valor é o valor da tagCSS. Aplicando ficaria assim:

div#menu{
width: 978px;
height: 40px;
background: #dfdfdf;
}

div#menu = Seletor HTML
width = largura da div#menu
height = altura da div#menu
background = cor do fundo da div#menu

Bom, para uma "parte0", nossa introdução já está muito grande. O intuito desta série é fazer com que você aprenda o HTML na prática, ou seja, a partir do próximo post começaremos a criar nossa index.html localmente e colocar as mãos na massa. Até breve e continue acompanhando o blog.