Fundamentos de HTML e CSS: estrutura, apresentação e diagnóstico
Aprende HTML e CSS com estrutura, formulários, cascata, layout responsivo e diagnóstico. Perguntas e casos originais de escolha única ou múltipla, sem execução de código.
Módulos e aulas
Abre uma aula para começar. Podes seguir a ordem ou voltar a qualquer conceito.
Estrutura do documento e semântica
Organizar HTML segundo a função do conteúdo, declarar metadata e língua, e diagnosticar diferenças entre o template e a árvore interpretada. Separar significado, identidade e apresentação.
65 minLigações, imagens e significado do conteúdo
Construir ligações e imagens cujo significado sobreviva a mudanças de apresentação. Resolver caminhos relativos, distinguir alternativas textuais e manter relações de cabeçalho numa tabela simples.
65 minFormulários, controlos e submissão
Interpretar a associação de controlos, os pares submetidos e a influência do botão escolhido. Distinguir identidade, nome, estado e propriedade do formulário.
65 minRestrições, feedback e acessibilidade
Interpretar restrições nativas e os limites de cada percurso de validação. Comunicar erros de forma utilizável e conservar as verificações do servidor.
65 minCascata, herança e contratos dos seletores
Determinar que declaração fornece um valor e distinguir correspondência, precedência, herança e invalidade após substituição.
65 minModelo de caixa, fluxo e overflow
Calcular dimensões, localizar referências de posicionamento e distinguir contenção, recorte e scroll. Explicar efeitos de margens e fluxo sem atribuir todos os problemas à largura.
65 minLayout com Flexbox e Grid
Organizar componentes por eixos e tracks, calcular espaço disponível e diagnosticar mínimos e reordenação visual.
65 minDesign responsivo e media queries
Adaptar conteúdo à largura disponível, interpretar media queries e alinhar as indicações de imagens com o layout. Conservar zoom, leitura e acesso às ações.
65 minFoco, estados, movimento e preferências
Manter os estados de interação identificáveis e adaptar a apresentação às preferências do utilizador. Distinguir aparência, foco e comportamento funcional.
65 minDiagnóstico de estilos e entrega
Distinguir entrega do recurso, parsing, relevância, cascata e valores finais. Diagnosticar alterações de publicação sem mascarar a causa com overrides.
65 minObjetivos e percurso
Aprende HTML e CSS com estrutura, formulários, cascata, layout responsivo e diagnóstico. Perguntas e casos originais de escolha única ou múltipla, sem execução de código.
Para quem
Pessoas que iniciam desenvolvimento web e profissionais que precisam de interpretar interfaces, rever conteúdo e diagnosticar problemas de apresentação.
Pré-requisitos
Utilização básica de um browser e leitura de pequenos excertos. Não é necessário conhecer um framework, instalar ferramentas ou executar código para responder às avaliações.
O que vais aprender
- Estruturar conteúdo e interpretar controlos de formulário.
- Resolver cascata, herança e dimensionamento com premissas explícitas.
- Interpretar layout responsivo, foco e preferências do utilizador.
- Distinguir entrega de recursos, parsing e aplicação de estilos.
O que está disponível
10 aulas · 100 perguntas regulares · 20 casos
Avaliação final interna: 40 exercícios em 90 minutos. Simulados completos ainda indisponíveis.
As avaliações e os simulados reutilizam exercícios do percurso. Não atribuem certificações nem garantem aprovação num exame externo.
Âmbito, revisão e limitações
Dez aulas com 100 perguntas regulares e 20 casos originais PT-PT/EN. Aprende a interpretar documentos, ligações, imagens e formulários, resolver a cascata, calcular caixas, organizar Flexbox e Grid e diagnosticar estados e entrega de estilos. A base é o HTML Living Standard e módulos CSS documentados nas fontes de cada tema, sem presumir uma versão única de CSS. Todas as avaliações usam escolha única ou múltipla, incluindo excertos e cenários, sem executar código. A avaliação final reutiliza 40 itens em 90 minutos. JavaScript, TypeScript e os frameworks têm percursos separados.
Avaliação interna de 40 perguntas em 90 minutos, reutilizadas do percurso, com escolha única ou múltipla e sem execução de código. Não é um exame oficial, não atribui certificação externa e não certifica a acessibilidade de um site.
Formação e avaliação independentes, com perguntas e cenários originais. Sem afiliação, autorização, patrocínio ou aprovação de WHATWG, W3C ou Mozilla e sem atribuição de certificação oficial. Os nomes identificam tecnologias e fontes; as marcas pertencem aos respetivos titulares. Os exemplos não certificam conformidade de acessibilidade nem compatibilidade integral entre browsers.
Referências e versão
Consulta as fontes, a versão do conteúdo e os limites deste percurso.
Versão deste percurso
HTML Living Standard; modular CSS
Conteúdo revisto em 14/10/2026
Fontes de aprendizagem
- HTML document metadataConsultado em 14/10/2026
- HTML DOCTYPEConsultado em 14/10/2026
- HTML document titleConsultado em 14/10/2026
- HTML language declarationConsultado em 14/10/2026
- HTML sections and navigationConsultado em 14/10/2026
Ver mais 77 referências
- HTML dominant contentConsultado em 14/10/2026
- HTML heading hierarchyConsultado em 14/10/2026
- HTML meaningful list orderConsultado em 14/10/2026
- HTML paragraph contentConsultado em 14/10/2026
- HTML document identifiersConsultado em 14/10/2026
- HTML relative navigationConsultado em 14/10/2026
- HTML base URLConsultado em 14/10/2026
- Links versus local actionsConsultado em 14/10/2026
- Complex image informationConsultado em 14/10/2026
- Functional image alternativesConsultado em 14/10/2026
- Image dimensions and meaningConsultado em 14/10/2026
- Simple table header relationshipsConsultado em 14/10/2026
- Image title limitationsConsultado em 14/10/2026
- Picture source selection and fallbackConsultado em 14/10/2026
- Link purpose in contextConsultado em 14/10/2026
- Native interactive validation bypassConsultado em 14/10/2026
- Label and control associationConsultado em 14/10/2026
- Input submission nameConsultado em 14/10/2026
- Explicit button typesConsultado em 14/10/2026
- Readonly and disabled controlsConsultado em 14/10/2026
- Checkbox submission valuesConsultado em 14/10/2026
- Input form ownerConsultado em 14/10/2026
- Submitter target overridesConsultado em 14/10/2026
- FormData submitter entryConsultado em 14/10/2026
- Fieldset disabling boundaryConsultado em 14/10/2026
- Fieldset form associationConsultado em 14/10/2026
- Client validation and server acceptanceConsultado em 14/10/2026
- HTML Boolean attribute presenceConsultado em 14/10/2026
- Numeric step alignmentConsultado em 14/10/2026
- Custom constraint stateConsultado em 14/10/2026
- Validation paths and input provenanceConsultado em 14/10/2026
- Accessible invalid-state informationConsultado em 14/10/2026
- Requesting native submissionConsultado em 14/10/2026
- Actionable form error feedbackConsultado em 14/10/2026
- Cascade order and bounded author-rule comparisonsConsultado em 14/10/2026
- Inherited and non-inherited propertiesConsultado em 14/10/2026
- Direct-child and descendant matchingConsultado em 14/10/2026
- Layer order for normal and important declarationsConsultado em 14/10/2026
- Specificity, inline styles, :where and :isConsultado em 14/10/2026
- Unset and property inheritanceConsultado em 14/10/2026
- Invalid custom-property substitutionConsultado em 14/10/2026
- Content and border box dimensionsConsultado em 14/10/2026
- Width applicability and constraintsConsultado em 14/10/2026
- Collapsing positive and negative marginsConsultado em 14/10/2026
- Float containment and flow-rootConsultado em 14/10/2026
- Clipping and scrolling boundariesConsultado em 14/10/2026
- Flow offsets, absolute references and stickyConsultado em 14/10/2026
- Flex axes, wrapping and free-space distributionConsultado em 14/10/2026
- Grid items, fractional tracks and guttersConsultado em 14/10/2026
- Automatic minimums of flex and grid itemsConsultado em 14/10/2026
- Explicit zero track minimum and flexible maximumConsultado em 14/10/2026
- Sizing implicit grid rowsConsultado em 14/10/2026
- Auto-fit and auto-fill with empty tracksConsultado em 14/10/2026
- Visual order and sequential navigationConsultado em 14/10/2026
- Dense placement and meaningful sequenceConsultado em 14/10/2026
- Viewport configuration and zoomConsultado em 14/10/2026
- Content-driven responsive layoutConsultado em 14/10/2026
- Media conditions, conjunction and alternativesConsultado em 14/10/2026
- Root and element-relative lengthsConsultado em 14/10/2026
- Responsive image candidate and slot hintsConsultado em 14/10/2026
- Reflow and bounded two-dimensional exceptionsConsultado em 14/10/2026
- Focus state and visible indicationConsultado em 14/10/2026
- Visible keyboard focusConsultado em 14/10/2026
- Primary-input hover capabilityConsultado em 14/10/2026
- Reduced-motion preference and cascadeConsultado em 14/10/2026
- Forced colors and native semanticsConsultado em 14/10/2026
- Disabled semantics versus appearanceConsultado em 14/10/2026
- Focus Not Obscured minimum scopeConsultado em 14/10/2026
- Text contrast by stateConsultado em 14/10/2026
- CSS parser recovery boundariesConsultado em 14/10/2026
- Stylesheet link and applicabilityConsultado em 14/10/2026
- CSS response media typeConsultado em 14/10/2026
- Relative CSS resource resolutionConsultado em 14/10/2026
- Import placement and cascade layersConsultado em 14/10/2026
- Versioned asset URLs and referencesConsultado em 14/10/2026
- Stylesheet source-policy blockingConsultado em 14/10/2026
- Background shorthand reset behaviorConsultado em 14/10/2026
Preparação independente. Consulta os objetivos, o conteúdo disponível e os limites de cobertura antes de planear o estudo.
Formação e avaliação independentes, com perguntas e cenários originais. Sem afiliação, autorização, patrocínio ou aprovação de WHATWG, W3C ou Mozilla e sem atribuição de certificação oficial. Os nomes identificam tecnologias e fontes; as marcas pertencem aos respetivos titulares. Os exemplos não certificam conformidade de acessibilidade nem compatibilidade integral entre browsers.
Percurso independente de HTML e CSS, sem afiliação, autorização, patrocínio ou aprovação de WHATWG, W3C ou Mozilla. Os nomes identificam tecnologias e fontes; as marcas pertencem aos respetivos titulares. Sem certificação oficial ou declaração de conformidade de acessibilidade.