A primeira escola especializada em tecnologia do Alto Solimões, com corpo técnico formado na área.

A trilha
Projetos
Quem somos
Impacto
Para instituições
Blog

WhatsApp Avise quando abrir a turma

Início
Cursos livres
HTML do zero
Módulo 2: O conteúdo do portfólio

Fecho de módulo

Módulo 2: O conteúdo do portfólio

24 perguntas das 4 aulas deste módulo.

Revise o módulo

Errar aqui não custa nada - a explicação vem junto da correção, e dá para responder quantas vezes quiser.

Pergunta 1 de 24

Sua trajetória vai do cargo mais recente ao primeiro. Que lista marca isso?

`<dl>`, porque cada item tem cargo e períodoA`<ul>`, porque a ordem é escolha editorialB`<table>`, porque há mais de uma informação por itemC`<ol>`, porque embaralhar muda o que ela contaD

O que pode ser filho **direto** de uma `<ul>`?

Apenas elementos `<li>`A`<li>` e `<p>`, mas não `<div>`BQualquer elemento de blocoC`<li>` e outra `<ul>`, para aninharD

Na sublista de "Linguagens", o `</li>` do item pai fecha onde?

Depende de a lista ser `<ul>` ou `<ol>`ADepois da sublista, que fica dentro deleBAntes da sublista, que fica ao ladoCNão fecha: item com sublista é auto-fechadoD

Qual conteúdo do portfólio a `<dl>` marca melhor?

Os seis links do menu de navegaçãoAOs três parágrafos da sua biografiaBAs capturas de tela dos projetosCA ficha do projeto: ano, papel e situaçãoD

Escrito como `<nav><ul>` com seis `<li>`, o menu é anunciado como "lista com 6 itens". Por que isso importa?

Porque links soltos não recebem foco do tecladoAPorque o CSS precisa da lista para alinhar os linksBPorque quem ouve sabe o tamanho do menu antes de percorrê-loCPorque o buscador só indexa links dentro de listaD

Você escreve `<li>1. Lave a mandioca</li>` dentro de uma `<ol>`. Na tela aparece:

1. 1. Lave a mandiocaAUm erro de marcação no consoleBLave a mandioca, sem numeraçãoC1. Lave a mandiocaD

Qual destes conteúdos do portfólio é tabela de verdade?

O menu de navegação, com seis destinosAA lista de ferramentas com a área e o nível de cada umaBA ficha do projeto, com ano, papel e situaçãoCA grade de cartões de projeto, com três por linhaD

Uma tabela tem `<th>` em todos os cabeçalhos, mas nenhum `scope`. O que falta?

Dizer se cada cabeçalho vale para a coluna ou para a linhaAMarcar quais células são de cabeçalho e quais são de dadoBPermitir que o navegador ordene a tabela ao clicarCDefinir a largura de cada colunaD

Onde entra o `<caption>` de uma tabela?

Imediatamente depois da abertura de `<table>`AFora da tabela, num `<p>` anterior a elaBDentro do `<thead>`, antes da primeira `<tr>`CLogo antes de `</table>`, como um rodapéD

Montar o layout da página com uma `<table>` sem bordas é:

aceitável quando não há folha de estilo disponívelAcorreto: foi assim que se fez layout até o HTML5Baceitável para e-mail, e defeito numa páginaCdefeito, porque o leitor anuncia uma tabela onde não há dado tabularD

Uma página de stack lista trinta ferramentas, todas marcadas como "avançado". Qual é o risco?

O leitor de tela demora a percorrer a tabelaAQuem lê duvida também das que você sabe de verdadeBO buscador classifica a página como spamCA tabela fica longa e exige rolagem no celularD

Trocar todos os `<th>` de uma tabela por `<td>` muda apenas a aparência dela.

VerdadeiroAFalsoB

Seu portfólio sai de `marina.github.io` para `marinasales.com.br`. Que tipo de link continua funcionando sem edição?

O caminho de disco: `/Users/marina/portfolio/sobre.html`AO `file:///` apontando para a pasta localBO caminho relativo, escrito só como `sobre.html`CO absoluto: `https://marina.github.io/sobre.html`D

Numa página com três links escritos "clique aqui", o que a lista de links do leitor de tela mostra?

Os três destinos, lidos do atributo `href`AO texto da frase inteira em que cada link estáBO `title` do link, quando existeC"clique aqui" três vezes, sem distinçãoD

Dois elementos da mesma página recebem `id="projetos"`. O que acontece com `<a href="#projetos">`?

O link deixa de funcionar e a página não rolaAO navegador exibe um erro de HTML inválidoBO navegador salta sempre para o primeiroCO navegador alterna entre os dois a cada cliqueD

O telefone é (97) 99999-8888. Qual `href` de WhatsApp está certo?

`https://wa.me/+55 97 99999-8888`A`https://wa.me/97999998888`B`https://wa.me/(97) 99999-8888`C`https://wa.me/5597999998888`D

Você usa `target="_blank"` num link para o GitHub. Por que acrescentar `rel="noopener noreferrer"`?

Para a nova aba abrir mais rápidoAPara impedir que a página aberta alcance a suaBPara o buscador não seguir o linkCPara o histórico registrar as duas abasD

Alguém chega ao seu portfólio por um link direto para `portfolio.html`, sem passar pela inicial. O que garante que essa pessoa tenha saída?

O botão de voltar do próprio navegadorAO mapa do site, quando ele existeBO link de volta à inicial, no rodapé da páginaCO menu completo repetido em todas as seis páginasD

A conexão caiu e a captura do projeto não carregou. O que aparece no lugar dela?

Um retângulo cinza, sem texto nenhumAO texto escrito no atributo `alt`BO texto do `<figcaption>` abaixo delaCO nome do arquivo apontado pelo `src`D

Um traço decorativo separa duas seções. Qual marcação está certa?

`<img src="traco.svg">`, sem o atributoA`<img src="traco.svg" alt="">`B`<img src="traco.svg" alt="linha">`C`<img src="traco.svg" alt="traço decorativo">`D

Sem `width` e `height`, o que acontece quando a captura enfim carrega?

A imagem entra reduzida e só cresce ao ser clicadaAO navegador espera a imagem antes de mostrar o textoBO texto abaixo dela salta para baixo de repenteCA imagem aparece esticada até caber no espaçoD

Qual `alt` descreve melhor a captura do site da feira?

Página da feira com os horários das bancas por diaAfeira.png, o nome do arquivoBCaptura de tela do projeto Feira do produtorCSite com cabeçalho, menu, tabela e rodapé, em duas colunasD

Uma foto de 4 MB, direto do celular, no portfólio. Qual é a consequência mais séria?

O navegador recusa arquivos acima de 2 MBAA página estoura a largura da tela no celularBA imagem perde qualidade ao ser redimensionadaCQuem abrir nos dados móveis desiste antes de carregarD

Um vídeo com `autoplay` no topo do portfólio é uma boa forma de chamar atenção.

VerdadeiroAFalsoB

Maiyu Academy

A primeira escola especializada em tecnologia do Alto Solimões, com corpo técnico formado na área.

Aulas presenciais aos sábados em Benjamin Constant, no CETI Aristélio Sabino de Oliveira.

Benjamin Constant, AM, Brasil

Cursos

Robótica Desenvolvimento web A trilha inteira Cursos livres e gratuitos

A escola

Quem somos Impacto Projetos Para instituições Blog

Contato

(97) 98431-7149 maiyu.academy

Privacidade Termos de uso