1) A hierarquia de elementos HTML. possibilita a construção de seletores CSS mais complexos, e assim facilitando à vida dos desenvolvedores.
Considerando a seguinte regra CSS:
h1 strong {
color: red;
}
Baseado nessa regra, quais os elementos que serão configurados (estilizados)?
Alternativas:
a) Todos os elementos h1 e strong
b) Elementos strong inseridos no elemento h1
c) Apenas os elementos strong
d) Apenas os elementos h1
e) Elementos h1 inseridos no elemento strong
2) A internet e suas tecnologias, dispõe de mecanismos para potencializar a acessibilidade. Entenda acessibilidade, como a habilidade de tornar acessível algo. Para isso, por exemplo, podemos considerar a tag img, que dispõe de diversos atributos, alguns com mais ou menos utilização.
Para garantir que, caso uma imagem não seja carregada, por conta de um link (URL) quebrado, ou ainda instabilidades de rede, seja apresentado um texto, sugerindo o que representaria a imagem, qual seria o atributo configurado?
Alternativas:
a) src
b) source
c) replace
d) alt
e) accessibility
3) Utilizamos a linguagem CSS para estilizarmos as páginas HTML, e isso é feito com grande propriedade, por toda a potencialidade dessa linguagem.
Considerando a seguinte regra CSS:
h1 {
color: red;
background-color: blue;
}
Qual é o selector?
Alternativas:
a) color
b) red
c) background-color
d) blue
e) h1
4) Podemos adicionar regras CSS diretamente em um documento HTML, ou mesmo, diretamente no elemento, e por último, através de arquivos externos.
Qual a tag que utilizamos para descrever regras CSS, diretamente em arquivos HTML?
Alternativas:
a) style
b) css
c) import
d) link
e) properties
5) Para melhorar a experiência aos usuários de um site, devemos utilizar recursos multimídia, considerando boas práticas de IHC e ainda, conceitos empíricos baseado em experiências individuais, de grupos, de outros profissionais, como especialistas em marketing. Todos convergindo pela qualidade do acesso à informação.
Uma prática comum, é colocar um ícone associado à página. Qual a tag que utilizamos para efetuar essa vinculação de um arquivo ícone à um documento HTML?
Alternativas:
a) img
b) link
c) icon
d) res-icon
e) attach
Soluções para a tarefa
Resposta:
1) b) Elementos strong inseridos no elemento h1
2) d) alt
3) a) color
4) a) style
5) b) link
Explicação:
1) expicação :
Com a regra CSS apresentada na questão, somente essa sintaxe deixaria a cor vermelha (red):
<h1><strong>My First CSS Example </strong></h1>
Elementos strong inseridos no elemento h1
2) explicação :
alt = alternate -> "An image with an alternate text specified:" ou "Uma imagem com um texto alternativo especificado"
<img src="smiley.gif" alt="Smiley face">
3) explicação:
EM CSS, os seletores são padrões usados para selecionar o (s) elemento (s) que você deseja estilizar.
4) explicação
Nesse exemplo tuso que estiver entre a tag <style> será aplicado :
<!DOCTYPE html>
<html>
<head>
<style>
h1 {color:red;}
p {color:blue;}
</style>
</head>
<body>
<h1>Titulo em vermelho</h1>
<p style="color:red;">paragrafo em vermelho.</p>
<p >Paragrafo em azul (herda da tag <style> em head).</p>
</body>
</html>
5 ) explicação exemplo de utilização
<link rel="icon" href="demo_icon.gif" type="image/gif" sizes="16x16">