1. Explique a diferença entre Internet e Web e como elas se relacionam.
Internet: Infraestrutura física global de redes
Web (WWW): Serviço de informação que roda sobre a Internet
Relação: A Web depende da Internet para existir
2. O que é um website e como ele difere de uma aplicação web?
Website: Focado em exibir conteúdo estático
Aplicação Web: Focado em interatividade e manipulação de dados
3. Quais são as principais tecnologias client-side e qual a função de cada
uma?
HTML: Estrutura e conteúdo
CSS: Estilo e apresentação visual
JavaScript: Interatividade e dinamismo
4. Por que o HTML é chamado de linguagem de marcação e não de
programação?
Define a estrutura e o significado do conteúdo usando tags
Não é programação porque não executa lógica
5. Descreva a estrutura básica de um documento HTML5 e a função de
cada parte.
<!DOCTYPE html> <!-- Declara o tipo de documento -->
<html lang="pt-BR"> <!-- Elemento raiz -->
<head> <!-- Metadados (não visíveis) -->
<meta charset="UTF-8"> <!-- Codificação de caracteres -->
<title>Título da Página</title> <!-- Título na aba -->
</head>
<body> <!-- Conteúdo visível da página -->
(algum conteúdo)
</body>
</html>
6. Qual a função da instrução <!DOCTYPE html> em um documento HTML?
Instrui o navegador a renderizar a página no modo standards do HTML5
7. Diferencie as funções das tags <head> e <body> em um documento
HTML.
<head>: Contém metainformações e não é exibido
<body>: Contém todo o conteúdo visível da página
8. Explique a importância do charset UTF-8 na criação de páginas web.
Codificação que permite exibir corretamente caracteres de qualquer idioma e
evita problemas de exibição como “ção”
9. O que são tags HTML e quais os componentes básicos de um elemento
HTML?
Tags: Palavras-chave entre <> que definem elementos
Elemento: Composto por tag de abertura, conteúdo e tag de fechamento (na
maioria dos casos)
Podem possuir atributos para configurar o elemento (href, id, class)
10. Quais as diferenças entre as tags de cabeçalho (<h1> até <h6>) e qual
sua importância para mecanismos de busca?
Definem hierarquia de títulos: H1 (mais importante) a H6 (menos importante)
Importância para SEO: Auxiliam os mecanismos de busca a entender a estrutura
e o tema da página
11. Descreva os principais usos da tag <p> e a diferença entre <p> e <br>.
<p>: Define um parágrafo
<br>: Insere uma quebra de linha simples dentro de um mesmo bloco
12. Explique a diferença entre uma lista ordenada (<ol>) e uma lista não
ordenada (<ul>).
<ol>: Lista numerada (ordem importa). Usa <li>
<ul>: Lista com marcadores (ordem não importa). Usa <li>
13. O que é o atributo alt da tag <img> e qual sua importância?
Fornece um texto alternativo descritivo para a imagem
Importante para: Acessibilidade, SEO e exibição caso a imagem não carregue
14. Qual a função da tag <a> e quais os atributos mais usados nela?
Função: Criar hyperlinks.
Atributos Principais:
href: Define o destino do link (URL).
target: Controla onde abre (ex.: _blank para nova aba).
title: Texto de dica (tooltip).
15. O que é semântica no HTML5 e cite três elementos semânticos
introduzidos nesta versão.
Uso de tags que dão significado ao conteúdo, não apenas formatação.
Exemplos de elementos semânticos: <header>, <nav>, <article>, <section>,
<footer>, <aside>.
Vantagens: Melhora Acessibilidade, SEO e legibilidade do código.
16. Explique a diferença entre <section>, <article> e <aside>
<section>: Seção genérica de conteúdo temático
<article>: Conteúdo auto-contido e independente
<aside>: Conteúdo complementar/relacionado ao principal
17. Qual a função da tag <form> no HTML e como ela se relaciona com
aplicações web?
Função: Coletar dados de entrada do usuário
Relaciona-se com Web Apps sendo a principal ferramenta para envio de dados do
cliente (front-end) para o servidor (back-end)
18. Compare os métodos GET e POST em formulários HTML.
Característica GET POST
Dados na URL Sim Não
Segurança Baixa Alta
Tamanho Limitado pelo tamanho da URL Praticamente ilimitado
Uso Buscas, filtros Logins, cadastros, envio de dados
19. O que é o CSS e quais problemas ele resolve em relação ao uso
apenas do HTML?
O que é: Linguagem para definir estilo e layout.
Problemas que resolve em relação ao HTML puro:
Separa o conteúdo (HTML) da apresentação (Design)
Oferece controle visual muito mais poderoso e preciso
Permite criar layouts responsivos
Facilita a manutenção e consistência visual do site
20. Quais são os três tipos básicos de seletores CSS e como eles
funcionam?
Seletor de Tipo/Tag: Seleciona por nome da tag HTML (p, h1, div).
Seletor de Classe (.): Seleciona por atributo class (.destaque). Pode ser usado
múltiplas vezes.
Seletor de ID (#): Seleciona por atributo id (#menu). Deve ser único na página.