Revisão html

Prévia do material em texto

B) `<header>` é usado para criar links
de navegação, enquanto `<nav>` é
usado para o cabeçalho de uma
página.
C) `<header>` é usado para criar
tabelas de dados, enquanto `<nav>` é
usado para criar links de navegação.
D) `<header>` e `<nav>` são tags
obsoletas em HTML5.
E) `<header>` e `<nav>` são usados da
mesma maneira e podem ser trocados
indistintamente.
Questão 3: Como você cria um link que 
abre em uma nova janela ou guia do 
navegador em HTML? (1 pt) 
A) Use o atributo "new" na tag `<a>`.
Questão 2: Explique a diferença entre as 
tags `<header>` e `<nav>` em HTML e 
quando cada uma deve ser usada. (0,5 pt) 
A) `<header>` é usado para o cabeçalho de
uma página, enquanto `<nav>` é usado para
criar links de navegação; ambos são usados
da mesma maneira.
B) Use o atributo "target" com o valor
"_blank" na tag `<a>`.
C) Use o atributo "external" na tag `<a>`.
D) Use o atributo "popup" na tag `<a>`.
E) Não é possível abrir um link em uma
nova janela em HTML.
Questão 1: Qual é a maneira correta de 
selecionar um elemento HTML pelo seu 
ID usando JavaScript? (1 pt) 
a) Usar o método getElementById() e
passar o ID como argumento.
b) Usar o método selectElementByID() e
passar o ID como argumento.
c) Usar o método querySelector() e 
passar o seletor de ID como argumento.
d) Usar o método findElementByID() e
passar o ID como argumento.
e) Usar o método getElementByTag() e
passar o ID como argumento.
andre
Realce
andre
Realce
andre
Realce
Questão 4: Qual é a diferença entre HTML e 
HTML5? (0,5 pt) 
 
A) HTML e HTML5 são a mesma coisa; "5" é 
apenas uma versão mais recente. 
 
B) HTML é usado apenas para texto, 
enquanto HTML5 suporta multimídia e 
gráficos. 
 
C) HTML é uma linguagem de programação, 
enquanto HTML5 é um formato de arquivo. 
 
D) HTML5 é a quinta versão do HTML e 
inclui novos recursos, como vídeo e áudio 
integrados. 
 
E) HTML é uma linguagem de marcação, 
enquanto HTML5 é uma linguagem de 
programação. 
 
Questão 5: O que é um atributo "alt" em 
uma tag de imagem `<img>` em HTML e 
qual é sua importância? (1 pt) 
 
A) O atributo "alt" é usado para definir a 
altura da imagem e não é importante para a 
acessibilidade. 
 
B) O atributo "alt" é usado para definir o 
alinhamento da imagem e não tem 
importância. 
 
C) O atributo "alt" é usado para especificar 
a URL da imagem. 
 
D) O atributo "alt" é usado para fornecer 
um texto alternativo que é exibido se a 
imagem não puder ser carregada e é crucial 
para a acessibilidade. 
 
E) O atributo "alt" é usado para animar 
imagens em HTML. 
 
Questão 6: Qual é a propriedade CSS usada 
para definir a cor do texto em um elemento 
HTML? (0,5 pt) 
a) ̀ text-color` 
b) ̀ color` 
c) ̀ font-color` 
d) ̀ text-style` 
e) ̀ background-color` 
 
Questão 7: Qual dos seguintes seletores CSS 
selecionará todos os elementos de âncora 
com a classe "link"? (0,5 pt) 
a) ̀ a.link` 
b) ̀ #link a` 
c) ̀ .link a` 
d) ̀ a.link{}` 
e) ̀ .link>a` 
 
Questão 8: Qual é a função JavaScript usada 
para imprimir uma mensagem no console 
do navegador? (0,5 pt) 
a) ̀ document.write` 
b) ̀ print()` 
c) ̀ message()` 
d) ̀ alert()` 
e) ̀ log()` 
 
Questão 9: Como você vincula um arquivo 
de estilo externo (CSS) a uma página HTML? 
(0,5 pt) 
a) Usando a tag `<style>` 
b) Usando a tag `<link>` 
c) Usando a tag `<script>` 
d) Usando a tag `<css>` 
e) Usando a tag `<external>` 
andre
Realce
andre
Realce
andre
Realce
andre
Realce
andre
Realce
andre
Realce
Questão 10: Explique a diferença entre os 
elementos `<div>` e `<span>` em HTML. (1 
pt) 
A) `<div>` é usado para agrupar elementos
em blocos, enquanto `<span>` é usado para
elementos em linha.
B) `<div>` é usado para criar links, enquanto
`<span>` é usado para adicionar estilos.
C) `<div>` e `<span>` são usados da mesma
maneira, não há diferença entre eles.
D) `<div>` é usado para criar listas
ordenadas, enquanto `<span>` é usado para
criar listas não ordenadas.
E) `<div>` e `<span>` são elementos
obsoletos em HTML5.
andre
Realce
QUESTÃO 11: Explique a diferença entre as propriedades CSS display: inline e display: block, 
e forneça exemplos de situações em que cada uma delas seria apropriada. (1 pt) 
QUESTÃO 12: Explique o conceito de Responsividade em design web e como você pode 
tornar um site responsivo usando HTML e CSS. (0,5 pt) 
QUESTÃO 13: Descreva como você pode usar JavaScript para manipular o conteúdo de um 
elemento HTML com um determinado ID. Dê um exemplo prático. (1,5 pt) 
Os elementos com display: inline são renderizados em linha, o que significa que eles aparecem 
na mesma linha que o conteúdo adjacente e não iniciam uma nova linha.
Os elementos com display: block são renderizados como blocos de nível de bloco. Eles 
começam em uma nova linha e ocupam toda a largura disponível do contêiner pai.
span {
 display: inline;
 border: 1px solid black;
 padding: 5px;
}
div {
 display: block;
 border: 1px solid black;
 padding: 10px;
 margin-bottom: 10px;
}
Há um título (<h1>) com o ID "meuTitulo" e um parágrafo (<p>) com o ID "meuParagrafo".
No bloco de script, usamos document.getElementById('meuTitulo') para obter uma referência 
ao elemento com o ID "meuTitulo" e armazenamos isso na variável tituloElemento.
Da mesma forma, obtemos uma referência ao elemento com o ID "meuParagrafo" e 
armazenamos na variável paragrafoElemento.
Em seguida, usamos innerHTML para modificar o conteúdo desses elementos dinamicamente.