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. Para que serve a tag <h1>?

4. Verdadeiro ou Falso: O texto que escrevemos dentro da tag <head> aparece diretamente no corpo principal da nossa página.

5. A sigla HTML significa: a) HyperText Markup Language b) High Tech Modern Language c) Hyper Transfer Machine Logistics

--- AULA 2: Decifrando o Código ---

6. Para que serve a meta tag <meta charset="UTF-8">?

7. No código <img src="foto.jpg" alt="Um gato preto">, para que serve o atributo alt?

8. Qual é a tag que define o título que aparece na aba do navegador?

9. No código <html lang="pt-MZ">, o que é que o atributo lang está a comunicar ao navegador?

10. A palavra src dentro da tag <img> é: a) Uma outra tag b) Um seletor de CSS c) Um atributo

--- AULA 3: As Ferramentas do Ofício ---

11. Qual é o nome do editor de código gratuito e profissional que recomendámos instalar?

12. A funcionalidade de um editor de código que "pinta" o nosso código com cores diferentes para facilitar a leitura chama-se __________ de Sintaxe.

13. Verdadeiro ou Falso: O Visual Studio Code é um software pago desenvolvido pela Google.

14. Além da coloração de sintaxe, menciona UMA outra grande vantagem de usar o VS Code em vez do Bloco de Notas.

15. Como se chamam os "mini-programas" que instalamos no VS Code para adicionar novas funcionalidades, como o "Live Server"?

. . . . . (Não espreites antes de tentares responder a tudo!) . . . . .

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