Mesmo assim, é um tutorial básico que ensina a montar o HTML de uma página “tableless”. Em uma próxima oportunidade eu posto a segunda parte, com a camada de apresentação – o CSS.

Link para o vídeo

[update] Link para o HTML do tutorial

Linguagens de marcação

Linguagens de marcação são linguagens que combinam texto com informações sobre ele. Estas informações podem se referir tanto ? estutura do texto quanto a sua apresentação. Assim, as marcações são divididas, basicamente, em três classes: as marcações apresentacionais, procedimentais e descritivas.

Marcações apresentacionais

Marcações apresentacionais são aquelas onde a estrutura do documento e sua apresentação são definidas, através de comandos que não vemos e que são embutidos ao longo do texto. É o que processadores de texto (como o Microsoft Office Word) fazem. Eles inserem códigos no meio do texto dizendo “a partir daqui é negrito”, “a partir daqui é fonte 12, centralizado”, e assim por diante.

Como eu disse, são usados em sistemas que escondem a marcação do código do usuário, deixando apenas para ele o resultado.

Marcações procedimentais

As marcações procedimentais também têm foco na apresentação, mas as marcações podem ser vistas e editadas pelo usuário. E em seguida, são interpretadas na ordem em que foram escritas. Um bom exemplo é o sistema de tipografia TeX, usado por matemáticos para criar fórmulas e símbolos matemáticos de maneira elegante.

Marcações descritivas

Também conhecidas como marcações semânticas. E é aqui que você, desenvolvedor Web, entra. São as marcações que aplicam “etiquetas” aos fragmentos de texto, que não necessariamente implicam em mudanças visuais nestes fragmentos. São chamadas marcações semânticas pois, na maioria dos casos, elas marcam o texto de acordo com que este significa.

Além disso, em linguagens de marcação como o HTML, podem co-existir duas classes de marcação. Por exemplo: marcações como <b> e <i> são procedimentais, pois são basicamente visuais. Já marcações como <a> são descritivas, pois elas tem um valor semântico e/ou funcional dentro do documento além de ser texto plano.

SGML

SGML (Linguagem Padrão de Marcação Geral), é a linguagem de marcação padrão, que oferece várias sintaxes de marcação, que podem ser utilizadas em diversas aplicações. As mais conhecidas (e as que você mais irá utilizar) são o HTML e o XML, que utilizam a sintaxe padrão do SGML.

<elemento atributo=”valor”>

Em diversos casos, você pode utilizar <elemento>marcações dentro </elemento> de outras marcações.

</elemento>

Próxima etapa…

Agora que você já sabe o que são, como se classificam, e ainda a sintaxe básica do HTML, está na hora de conhecer quais os elementos e atributos permitidos no HTML. Mas isso é tema para um próximo post. Até lá!