Desenvolvimento Web: HTML, CSS e Seletores

Prévia do material em texto

Questão 1/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. Criou 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 Bernard 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)
	
	B
	V – V – F
	
	C
	V – V – V
	
	D
	F – F – F
	
	E
	F – V – F
Questão 2/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)
	
	B
	V - F - F - V
	
	C
	V - V - V - F
	
	D
	F - F - V - V
	
	E
	V - F - V - F
Questão 3/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?
	
	A
	O pseudoelemento ::after é usado para selecionar o elemento antes do conteúdo do elemento principal.
	
	B
	O pseudoelemento ::after é usado para selecionar o elemento depois do conteúdo do elemento principal.
Você assinalou essa alternativa (B)
	
	C
	O pseudoelemento ::after é usado para selecionar a primeira linha do elemento principal.
	
	D
	O pseudoelemento ::after é usado para selecionar a primeira letra do elemento principal.
	
	E
	O pseudoelemento ::after é usado para selecionar os marcadores de uma lista.
Questão 4/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:
	
	A
	F - V - V - F- F
	
	B
	V - F - F - V- V
	
	C
	V - V - V - F- V
Você assinalou essa alternativa (C)
	
	D
	F - F - V - V- V
	
	E
	V - F - V - F- F
Questão 5/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:
	
	A
	F – V – V -F
	
	B
	V – V – F -V
	
	C
	V – V – V -V
	
	D
	F – F – F - F
	
	E
	V – V – F - F
Você assinalou essa alternativa (E)
Questão 6/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:
	
	A
	F - V - F- F
	
	B
	F - F - F - F
	
	C
	V - V - V - F
	
	D
	F - F - V - V
	
	E
	V - F - F - V
Você assinalou essa alternativa (E)
Questão 7/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)
	
	B
	V - F - F – V - F
	
	C
	V - V - V – F - V
	
	D
	F - F - V – V - V
	
	E
	V - F - F – V - F
Questão 8/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 é:
	
	A
	<td> e</td>
	
	B
	<ol> e </ol>
Você assinalou essa alternativa (B)
	
	C
	<ul> e </ul>
	
	D
	<ul> e </ul>
	
	E
	<select> e </select>
Questão 9/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.
	
	A
	Herança de propriedades em CSS.
	
	B
	Seletores de classe em CSS.
	
	C
	Seletores de pseudoclasse em CSS.
Você assinalou essa alternativa (C)
	
	D
	Seletores de atributo em CSS.
	
	E
	Seletores de pseudoelemento em CSS.
Questão 10/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)
	
	B
	O CSS tem como finalidade estruturar o conteúdo das páginas HTML, enquanto o bloco de declaração em CSS contém uma ou mais declarações que definem o comportamento de um elemento HTML.
	
	C
	O CSS tem como finalidade controlar as interações do usuário com a página HTML, enquanto o bloco de declaração em CSS contém uma ou mais declarações que definem as propriedades de um elemento HTML.
	
	D
	O CSS tem como finalidade substituir o HTML na construção de páginas web, enquanto o bloco de declaração em CSS contém uma ou mais declarações que definem a função de um elemento HTML.
	
	E
	O CSS tem como finalidade substituir completamente o HTML na construção de páginas web, enquanto o bloco de declaração em CSS contém uma ou mais declarações que definem as funções de um elemento HTML.