Mensagens

A mostrar mensagens de novembro, 2025

Manual de Correção

 Pronto para ver como te saíste? Vamos às respostas! 1. A tag é <body> . Todo o conteúdo visível (títulos, parágrafos, imagens) fica dentro dela. 2. A resposta é b) .html . É assim que o navegador sabe que deve interpretar o ficheiro como uma página web. 3. A tag <h1> serve para o título mais importante da página. Geralmente, só devemos ter um <h1> por página. 4. Falso. O conteúdo da tag <head> contém metadados e informações para o navegador, não é exibido diretamente na página (com exceção do <title> ). 5. A resposta é a) HyperText Markup Language. 6. A tag <meta charset="UTF-8"> garante que os caracteres especiais da nossa língua, como "ç" e os acentos (á, ã, ê), sejam exibidos corretamente. 7. O atributo alt (texto alternativo) descreve a imagem. É crucial para a acessibilidade (leitores de ecrã para pessoas com deficiência visual) e para o SEO. 8. A tag é <title> . 9. O atributo lang="pt-MZ" informa ...

Desafio Código do Zero: 15 Perguntas para Testar a Tua Fundação HTML

Nas últimas sessões, mergulhámos de cabeça no mundo do HTML e das ferramentas de desenvolvimento. Aprendemos a criar a nossa primeira página, a entender o que cada linha de código faz e a configurar o nosso ambiente de trabalho como os profissionais. Agora, chegou a hora de fazer uma pausa na matéria nova, respirar fundo e olhar para trás. Vamos testar o nosso conhecimento com um pequeno desafio! Preparei 15 perguntas que cobrem os tópicos mais importantes das nossas Aulas 1, 2 e 3 . O objetivo não é ter uma nota, mas sim divertirmo-nos e, mais importante, consolidar a nossa fundação. Pega num papel e caneta ou abre um bloco de notas e tenta responder a tudo antes de espreitares o manual de correção no final. Vamos a isso! O Grande Quiz da Fundação Web --- AULA 1: A Primeira Página Web --- 1. Qual é a tag principal que usamos para envolver todo o conteúdo visível de uma página web? 2. Qual é a extensão de ficheiro correta para guardar uma página HTML? a) .txt b) .html c) .web 3. ...

Aula Bónus - Laboratório Prático de Design Responsivo

 Na última aula, falámos sobre a teoria do Design Responsivo e aplicámo-la ao nosso projeto. Mas, por vezes, a melhor forma de entender um conceito é isolá-lo e vê-lo a funcionar de forma clara, sem distrações. Por isso, criei esta aula extra, a 17.1! Hoje, vamos construir uma página super simples a partir do zero com um único objetivo: ver a magia das Media Queries a acontecer em tempo real. Pensa nisto como o nosso laboratório: um ambiente controlado para experimentar e ver os resultados de forma inequívoca. Parte 1: A Estrutura HTML - O Nosso Material de Teste Vamos criar um único ficheiro HTML para esta experiência. Abre o teu VS Code, cria um novo ficheiro e guarda-o como laboratorio.html . Cola o seguinte código lá dentro. HTML <!DOCTYPE html > < html lang = "pt-MZ" > < head > < meta charset = "UTF-8" > < meta name = "viewport" content = "width=device-width, initial-scale=1.0" > < title ...