Estrutura HTML (index.html)
<!DOCTYPE html> → Define que o documento segue o padrão HTML5.

<html lang="pt-BR"> → Indica que o idioma principal da página é português do Brasil.

<head> → Contém metadados:

<meta charset="UTF-8"> → Garante que caracteres especiais (acentos, cedilha) sejam exibidos corretamente.

<meta name="viewport" content="width=device-width, initial-scale=1.0"> → Faz a página se adaptar a diferentes tamanhos de tela (responsividade).

<title> → Define o título da aba do navegador.

<link rel="stylesheet" href="style.css"> → Importa o arquivo CSS externo para estilizar a página.

<body> → Onde o conteúdo visível aparece:

<h1> → Cabeçalho principal: "Horário de Aulas".

<table> → Cria a tabela:

<tr> → Linha da tabela.

<th> → Cabeçalho da tabela (colunas: Horário, dias da semana).

<td> → Célula de dados (disciplinas em cada horário).

👉 No exemplo, há duas linhas de horários (08:00 e 09:00), cada uma com as matérias correspondentes.

🎨 Estilo CSS (style.css)
body { font-family: Arial, sans-serif; } → Define a fonte padrão da página.

h1 { text-align: center; } → Centraliza o título.

table { width: 100%; border-collapse: collapse; }

A tabela ocupa toda a largura da página.

border-collapse: collapse; faz com que as bordas fiquem unidas (sem espaçamento duplo).

th, td { border: 1px solid #333; padding: 12px; text-align: center; }

Cada célula tem borda cinza escura.

Espaçamento interno de 12px.

Texto centralizado.

th { background-color: #b23535; color: white; }

Cabeçalhos da tabela têm fundo vermelho escuro.

Texto branco para contraste.