Exercícios Objetiva 1 - Ferramentas de Desenvolvimento Web Nota100

Prévia do material em texto

Nota 10
APOL I
Questão 1/10 - Ferramentas de Desenvolvimento Web
Observe o trecho da página exibido na web:
Listas não ordenadas
● HTML
● CSS
● JavaScript
Listas Ordenadas
1. HTML
2. CSS
3. JavaScript
A respeito do código para criar as listas acima, analise as assertivas que seguem e marque
V para as asserções verdadeiras, e F para as asserções falsas.
I. Para criar uma lista não ordenada utiliza-se a tag <ul>.
II. Para criar uma lista ordenada utiliza-se a tag <ol>.
III. Para colocar um item abaixo do outros nas listas acima, utiliza-se a tag <br>.
IV. Para colocar um item abaixo do outros nas listas acima, utiliza-se a tag <p>.
Agora, selecione a alternativa que apresenta a sequência correta:
E V – V – F - F
Você assinalou essa alternativa (E)
Questão 2/10 - Ferramentas de Desenvolvimento Web
A sigla HTML significa Hypertext Markup Language. Em português Linguagem de Marcação
de Hipertexto. HTML é o coração da web. O desenvolvimento do HTML teve vários
visionários que contribuíram para seu desenvolvimento. A esse respeito, analise as
assertivas que seguem e marque V para as asserções verdadeiras, e F para as asserções
falsas.
I. Vannevar Bush projetou o Memex, em 1945, Tratava-se de uma máquina que tornava
possível copiar imagens entre documentos.
II. Theodor (Ted) Nelson criou o termo hipertexto/hipermídia. Apresentou o projeto Xanadu,
cuja ideia era disponibilizar textos paralelos. Com essa proposta, é possível visualizar
documentos e suas conexões precisas, utilizando duas janelas.
III. Tim Berners-Lee, em 1990, desenvolveu o HTML, com o objetivo de trocar informações
entre pesquisadores de Universidades.
Agora, selecione a alternativa que apresenta a sequência correta:
A F – V – V
Você assinalou essa alternativa (A)
Questão 3/10 - Ferramentas de Desenvolvimento Web
Observe o código abaixo:
a:link {
color: red;
}
Agora você pode escolher a alternativa que corresponde ao conceito apresentado na
declaração acima.
C Seletores de pseudoclasse em CSS.
Você assinalou essa alternativa (C)
Questão 4/10 - Ferramentas de Desenvolvimento Web
Podemos utilizar um pseudoelemento para estilizar parte de um elemento. Como a primeira
letra de uma palavra, ou de uma linha.
Qual das seguintes opções descreve corretamente o uso do pseudoelemento ::after no
CSS?
B O pseudoelemento ::after é usado para selecionar o elemento depois do
conteúdo do elemento principal.
Você assinalou essa alternativa (B)
Questão 5/10 - Ferramentas de Desenvolvimento Web
O HTML é responsável pela estruturação dos conteúdos a serem exibidos nas páginas. O
CSS possui uma finalidade específica na diagramação de páginas.
A respeito do CSS, qual é a finalidade do CSS em relação ao HTML e o que é um bloco de
declaração em CSS?
A O CSS tem como finalidade especificar a apresentação da página HTML,
enquanto o bloco de declaração em CSS contém uma ou mais declarações que
definem a estilização de um elemento HTML.
Você assinalou essa alternativa (A)
Questão 6/10 - Ferramentas de Desenvolvimento Web
O seletor de id é uma forma de selecionar um elemento HTML específico usando o atributo
id. Para isso, utiliza-se o caractere hash (#) seguido do id do elemento.
Agora você pode analisar as questões e marcar V ou F para cada afirmação com base no
seu conhecimento sobre o seletor de id em CSS.
I. O seletor de id é usado para selecionar vários elementos com o mesmo id em uma
página.
II. O id de um elemento HTML é único dentro de uma página.
III. O seletor de id usa o caractere ponto (.) seguido do id do elemento.
IV. O seletor de id é usado para estilizar elementos com base em um atributo específico.
Agora, selecione a alternativa que apresenta a sequência correta:
A F - V - F- F
Você assinalou essa alternativa (A)
Questão 7/10 - Ferramentas de Desenvolvimento Web
No contexto da manipulação de CSS e do conceito de herança, analise as afirmações a
seguir e marque V para as asserções verdadeiras e F para as asserções falsas:
I. O modelo de árvore do documento (DOM) representa a hierarquia dos elementos em
uma página HTML.
II. A propriedade de largura (width) faz parte da herança em CSS.
III. Por padrão, todas as propriedades CSS herdam valores definidos no elemento pai.
IV. O modelo de árvore do documento é semelhante a uma árvore genealógica,
representando os graus de parentesco entre os elementos.
Agora, selecione a alternativa que apresenta a sequência correta de respostas:
E V - F - F - V
Você assinalou essa alternativa (E)
Questão 8/10 - Ferramentas de Desenvolvimento Web
CSS (Cascading Style Sheets) é uma linguagem de estilo utilizada para definir a aparência
e o layout dos elementos de uma página da web. Com o uso do CSS, é possível criar
páginas visualmente atraentes, permitindo uma melhor experiência do usuário. Ele trabalha
em conjunto com o HTML para separar o conteúdo da página da sua apresentação,
possibilitando a criação de estilos para coisas como fontes, cores, layout, entre outros. Para
declarar CSS, utilizamos os seletores.
Sobre o uso dos seletores CS, analise as afirmações que seguem e marque V para as
asserções verdadeiras, e F para as asserções falsas.
I. Seletores simples definem elementos com base no nome, id e classe.
II. Seletores de combinação selecionam elementos com base em um relacionamento
específico entre eles.
III. Seletores de pseudoclasse selecionam elementos com base em determinado estado.
IV. Seletores de pseudoelementos selecionam e estilizam um elemento.
V. Seletores de atributo selecionam elementos com base em um atributo ou valor de
atributo.
Agora, selecione a alternativa que apresenta a sequência correta:
C V - V - V - F- V
Você assinalou essa alternativa (C)
Questão 9/10 - Ferramentas de Desenvolvimento Web
Observe o trecho de código abaixo:
1. < >
2. <li>HTML</li>
3. <li>CSS</li>
4. <li>JavaScript</li>
5. </ >
O código que completa as linhas 1 e 5 para criar uma lista ordenada é:
B <ol> e </ol>
Você assinalou essa alternativa (B)
Questão 10/10 - Ferramentas de Desenvolvimento Web
Observe o código abaixo, criado para estilizar um menu:
ul {
list-style-type: none;
margin: 0;
padding: 0;
background-color: #f1f1f1;
}
li {float:left;}
li a {
display: block;
color: #000;
padding: 8px 16px;
text-decoration: none;
}
li a:hover {
background-color: #555;
color: white;
}
Com base no novo código CSS fornecido, analise as afirmativas abaixo e assinale V para
as verdadeiras e F para as Falsas sobre qual será o efeito visual quando o cursor do mouse
estiver sobre um elemento <a> dentro de um elemento <li>.
I. O texto dentro do elemento <a> ficará em negrito.
II. O fundo do elemento <li> ficará na cor cinza escuro (#555).
III. O texto dentro do elemento <a> ficará na cor branca.
IV. O fundo do elemento <ul> ficará na cor cinza claro (#f1f1f1).
V. O elemento <a> terá uma borda ao redor dele.
Agora, selecione a alternativa que apresenta a sequência correta de respostas:
A F - V – V – F - F
Você assinalou essa alternativa (A)