Aula 01 - Linguagens de Marcação

Introdução

Antes de aprender HTML e CSS, é importante compreender o conceito de Linguagem de Marcação.

As linguagens de marcação são utilizadas para organizar, estruturar e identificar elementos dentro de um documento.

📌 O HTML, utilizado na criação de páginas web, é uma das linguagens de marcação mais conhecidas do mundo.

O que é uma Linguagem de Marcação?

Linguagem de Marcação é um conjunto de códigos, chamados de tags, utilizados para indicar a estrutura e a função dos elementos presentes em um documento.

Diferente das linguagens de programação, as linguagens de marcação não executam cálculos ou tomadas de decisão.

Exemplo:

<h1>Meu Primeiro Site</h1>

A tag <h1> informa ao navegador que o conteúdo é um título principal.

Para que servem?

✅ Organizar conteúdos
✅ Definir estruturas de documentos
✅ Facilitar a leitura por sistemas
✅ Padronizar informações
✅ Criar páginas para internet
✅ Melhorar acessibilidade

Como Funcionam?

As marcações são realizadas por meio de tags que indicam o papel de cada conteúdo.

Documento

⬇️

Tags de Marcação

⬇️

Navegador ou Sistema

⬇️

Exibição do Conteúdo

Principais Linguagens de Marcação

Linguagem	Finalidade
HTML	Estrutura de páginas web
XML	Troca e armazenamento de dados
XHTML	Versão mais rígida do HTML
SVG	Gráficos vetoriais
Markdown	Documentação simplificada

Diferença entre Marcação e Programação

Linguagem de Marcação	Linguagem de Programação
Estrutura documentos	Executa lógica
Usa tags	Usa comandos
Não toma decisões	Possui decisões e repetições
Ex.: HTML	Ex.: JavaScript, Python e Java

Exemplo de Estrutura HTML

<html>
  <head>
    <title>Meu Site</title>
  </head>

  <body>
    <h1>Bem-vindo</h1>
    <p>Primeira página.</p>
  </body>
</html>

📝 Cada tag possui uma função específica dentro do documento.

Onde são Utilizadas?

🌐 Sites e Portais
📱 Aplicações Web
📄 Documentação Técnica
📊 Compartilhamento de Dados
📚 Sistemas Educacionais
🛒 Lojas Virtuais

Boas Práticas

Utilizar tags corretamente
Manter identação organizada
Escrever código legível
Seguir padrões W3C
Utilizar elementos semânticos

📌 Um código bem estruturado facilita manutenção, acessibilidade e SEO.

Resumo da Aula

Linguagens de marcação estruturam documentos.
Utilizam tags para identificar elementos.
HTML é a principal linguagem da Web.
Não executam lógica como linguagens de programação.
São fundamentais para desenvolvimento web.

🏷️ Linguagens de Marcação