1 - Conceitos básicos

HTML e CSS não são linguagens de programação, são linguagens de desenvolvimento de sites, vamos entender mais pra frente.

HTML = HyperText Markup Language = Linguagem de Marcação de Hypertexto CSS = Cascading Style Sheets = Folhas de Estilo em Cascata

A linguagem HTML é uma linguagem focada em conteúdo, no caso:

• Texto
• Imagem
• Vídeo
• Listas
• Tabelas
• Áudio

e tudo que puder ser classificado como conteúdo dentro de um site…

CSS é o design do site, sendo assim toda estilização como:

• Tamanho
• Cores
• Posicionamento
• Sombras
• Bordas
• Contorno

e derivados são compostos pelas CSS…

Beleza, onde é que entra a linguagem de programação dentro do site? Vamos pegar como exemplo o JavaScript, o JavaScript compõem toda a interação que um site possui, sendo eles:

• Menus
• Interações com o mouse
• Animações
• Popups
• Validações de dados/informações

e tudo aquilo que necessite de uma logica de programação…

Brinque um pouco com esse plugin nos seus sites favoritos.

2 - Introdução a Conteúdo em HTML

Todo e qualquer conteúdo em HTML são representados por tags de abertura e fechamento*(não são todos os casos que possuem tags de fechamento).* As tags são postas para informar aos navegadores como será a estrutura de um site, ou seja:

Ao escrever o código HTML, as tags serão interpretadas pelo navegador, produzindo assim a estrutura e o conteúdo visual da página.

Vamos pegar por exemplo, eu quero criar um titulo escrito “Manteiga”, ficaria dessa forma:

<h1>Manteiga</h1>

“<h1>” = Abertura de Tag “Manteiga” = Conteúdo “</h1>” = Fechamento de Tag