Você está na página 1de 4

EXERCÍCIOS DE FIXAÇÃO - PROGRAMAÇÃO II

1) O que é HTML?
É uma linguagem de formatação

2) O que é hypertexto?

3) Qual é a estrutura básica de um código HTML?


<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-
scale=1.0">
<title>Document</title>
</head>
<body>

</body>
</html>

4) Para que serve a tag<!DOCTYPE html> ?

A declaração representa o tipo de documento e ajuda os navegadores a exibir páginas da


Web corretamente.

5) Qual é a finalidade da propriedade lang ?


Definir a língua do programa

6) Para que serve a tag <head>?


É usada como cabeçalho, ou seja, um conjunto de informações de uma página de um
site.

7) Na linguagem HTML, qual é a finalidade da tag <body> ?


A finalidade é definir o corpo do site

8) Qual é a tag para incluir um link no site? Explique cada parte do código.
<a href="url’>link text</a>
especificações:
<a> = é o elemento
href= é o atributo que indica o destino do link
url= é o link
link text= é a parte que ficará visível para o leitor
</a> = fecha o elemento
9) Para que servem as propriedades width e height?
Para ajustar a largura e tamanho de uma imagem

10) Explique as funções das propriedades href, src e alt.


O atributo href especifica a URL da página para a qual o link vai
O atributo src serve para exibir uma imagem em uma página;
o atributo alt serve para exibir texto alternativo;

11) O que é/para que serve a tag </div> ?


Serve para alterar o estilo em partes específicas da página e posicionar objetos.

12) Sobre as definições de cores em HTML, quais tipos?


podem ser definidas por RGB, HEX, HSL,
RGBA ou HSLA.

13) Explique a diferença básica entre a definição de cores no formato HEX e HSL?
Formato HEX fala sobre a cor em si, sendo ela uma cor hexadecimal é especificada com:
#rrggbb onde rr(vermelho), g(green) e bb (blue), são valores hexadecimais entre 00 e ff (o
mesmo que decimal 0-255). Já o formato HSL fala sobre a matriz, saturação e luminosidade
das cores

14) O que é CSS?


É uma linguagem de estilização usada para formatar o layout de uma página web

15) Qual é a relação existente entre a linguagem HTML e CSS?


O HTML é responsável por fazer o site incluindo as marcações, e o CSS realiza a
estilização dessas marcações

16) Existem 3 formas de utilização do CSS. Explique o funcionamento de cada uma delas e
suas características e vantagens/desvantagens.
CSS interno: os elementos <Style> na seção <Head>.

vantagens você pode configurar vários elementos de uma vez só espaço

desvantagens se o site possui várias páginas você precisa copiar todos os comandos CSS
em todos os páginas, dificultando a manutenção. Além disso, polui muito o código

CSS inline usa o atributo Style dentro dos elementos HTML.

vantagem: para fins educativos é mais fácil de entender.

Desvantagem: dá bem mais trabalho, pois configura um elemento por vez


CSS externo: usando um elemento link para vincular a um arquivo CSS externo.

vantagem é mais comum e mais utilizado, pode-se usar vários elementos em um lugar só,
pode utilizar vários documentos em um arquivo CSS só e facilidade na manutenção
desvantagem Difícil de entender no início

17) Observe a seguinte declaração css: background-color: rgba(172, 255, 47, 0.294);
explique para que serve e cada parte do código.

18) Qual é o comando necessário para vincular uma folha de estilo (.css) a um arquivo
html?
Para vincular um arquivo ( .css) no HTML precisa adicionar a tag link na seção <Head> da
página html

19) Liste pelo menos 6(seis) propriedades CSS que podem ser utilizadas para estilizar texto
– inclua a definição do seu efeito visual.
“Text align Center”= serve para deixar o texto no meio.
“color.red”= serve para dar cor ao objeto (neste caso vermelho)
“line-height: 1.5” -=serve para dar espaçamento entre as linhas
“margin auto”= serve para dar margem ao objeto (neste caso é uma margem automática)
“font Family: sans-serif” = serve para deixar a fonte com o estilo diferente (neste caso para
dar serifa a ela

20) Em CSS, o que é um seletor do tipo ‘elemento’? Dê 5 (cinco) exemplos.


O seletor de elementos selecione elementos HTML Com base no nome do elemento
exemplos: P {..}, Body {..}, H {..}, P2 {...} H2 {...}

21) Em CSS, qual é a diferença de classe e id? Explique como definir esses seletores
no .css e como utilizá-los no HTML?
Seletor ID usa o atributo e dele um elemento HTML para selecionar um elemento específico
utilizando a (hashtag). Já a classe seleciona elementos com uma classe específica,
escrevendo um caractere de ponto (ponto), seguido do nome da classe

22) O que você pode dizer sobre o ‘seletor universal’?


O seletor Universal (*) seleciona todos os elementos HTML na página

23) Observe a regra CSS abaixo:


Explique cada declaração da regra:
Background Image: serve para colocar uma imagem de fundo da página
background position: serve para colocar a posição da imagem de fundo
backgrounds Size serve para especificar o tamanho da imagem de fundo
background attachment: serve para especificar se a imagem de fundo deve rolar ou ser fixa
background repeat: serve para a imagem de fundo se repetir ou não
24) Conforme explicado na aula, existem várias unidades de medida que podem ser
utilizadas no CSS. Explique como funcionam e as diferenças entre px, vh e vw.

25)Abaixo, temos duas regras CSS: a) b) Qual é a diferença prática entre elas?
Quando eu coloco somente espaço para separar os elementos no CSS eu crio um efeito
cascata para o selecionamento. Já quando eu coloco a vírgula para separar os elementos,
eu estou aplicando a mesma configuração CSS para ambos os elementos.

26) Inclua a definição das propriedades CSS abaixo:


a. padding: Configuração da distância do conteúdo até a borda
b. min-height: largura mínima
c. margin: margem da borda do elemento em relação a outros elementos
d. border: configuração da borda

Você também pode gostar