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 que o idioma principal da página é Português de Moçambique.

10. A resposta é c) Um atributo. Atributos fornecem informações adicionais sobre as tags HTML.

11. O editor recomendado é o Visual Studio Code (VS Code).

**12. Chama-se Coloração de Sintaxe (Syntax Highlighting).

13. Falso. O VS Code é gratuito e é desenvolvido pela Microsoft.

14. Qualquer uma destas respostas estaria correta: Autocompletar código (IntelliSense), Deteção de Erros, Terminal Integrado ou a capacidade de instalar Extensões.

15. Chamam-se Extensões (Extensions).

Conclusão do Desafio

Como te saíste? Se acertaste a maioria, fantástico! O teu conhecimento de base está sólido como uma rocha. Se falhaste algumas, melhor ainda! Significa que encontraste exatamente os pontos que precisas de rever nas aulas anteriores. Errar é uma das melhores formas de aprender.

O mais importante é que deste um passo ativo para consolidar a tua aprendizagem.

Comentários

Enviar um comentário

Mensagens populares deste blogue

O Box Model do CSS: O Guia Definitivo de Margin, Border e Padding

 Olá, equipa! Preparados para desvendar um dos maiores segredos do CSS? Tudo o que vemos numa página web — um parágrafo, uma imagem, um título — é, para o navegador, uma caixa retangular . Entender como essa caixa funciona, como podemos controlar o seu tamanho e o espaço à sua volta, é o segredo para controlar o layout de qualquer site. Hoje, vamos desvendar o famoso (e por vezes temido) Box Model do CSS . Prometo que, no final desta aula, vais dominar os conceitos de margin , border e padding de uma vez por todas. Os 4 Componentes da Caixa Imaginem um quadro com uma fotografia na parede. O Box Model funciona exatamente da mesma forma. ` ` Content (Conteúdo): É a fotografia em si. O teu texto, a tua imagem. Padding (Preenchimento): É o espaço em branco (passe-partout) entre a fotografia e a moldura. É o espaço interno da caixa. Border (Borda): É a moldura do quadro. A linha que fica à volta do conteúdo e do padding. Margin (Margem): É o espaço vazio na parede à volta do qua...
Ler mais

Formulários Bonitos com CSS: O Guia para Estilizar Inputs

 Olá, equipa! Na aula passada, construímos a estrutura do nosso formulário de contato. Ele funciona, mas sejamos honestos: é feio. Ninguém se sente inspirado a preencher um formulário com a aparência dos anos 90. A boa notícia é que não precisa de ser assim. Hoje, vamos pegar nesse esqueleto HTML e vesti-lo com o poder do CSS. Vou mostrar-vos como estilizar cada parte do nosso formulário — os campos de texto, as etiquetas e os botões — para que ele fique limpo, moderno e convidativo. Parte 1: A Estrutura Base e o Espaçamento Primeiro, vamos dar ao nosso formulário um contentor e algum espaço para respirar. No nosso estilos.css , vamos adicionar o seguinte: CSS form { max-width : 600px ; /* O formulário não ficará demasiado largo em ecrãs grandes */ margin : 40px auto; /* Centra o formulário na página com margem em cima/baixo */ padding : 20px ; background-color : #ffffff ; border-radius : 8px ; box-shadow : 0 4px 8px rgba ( 0 , 0 , 0 , 0.1 ); } form ...
Ler mais

Crie sua Primeira Página Web em 30 Minutos Usando Apenas HTML e CSS

 Olá e bem-vindo ao Código do Zero MZ ! Sempre teve curiosidade em saber como os websites são feitos? Parece magia, mas garanto que não é. Hoje, juntos, vamos desvendar o primeiro segredo da internet. Neste guia passo a passo, vamos criar a sua PRIMEIRA página web do absoluto zero. E o melhor de tudo? Faremos isso em menos de 30 minutos, usando apenas ferramentas que você já tem no seu computador. Pronto para se tornar um criador da web? Vamos a isso! O Que Você Vai Precisar? Não se preocupe, a lista é muito curta: Um computador ( Windows , Mac ou Linux ). Um editor de texto simples. Vamos usar o Bloco de Notas (Notepad) que já vem instalado no Windows. Um navegador de internet como o Google Chrome ou Firefox . É só isso! Não precisa instalar nada. Parte 1: O Esqueleto da Página (HTML) Toda página web precisa de uma estrutura, um esqueleto. Essa linguagem de estruturação chama-se HTML ( HyperText Markup Language ). Passo 1: Criar o nosso ficheiro Abra o Bloco de Notas no s...
Ler mais