Atividade 03

Prévia do material em texto

Campus: Sena Madureira 
Curso: Técnico em Informática 
Turma: 2º Ano 
Disciplina: Programação Web I 
Professor: Eduardo Pinheiro Júnior 
 
 
 
Atividade 03 
1. No HTML trabalhamos com alguns tipos de listas, são elas: ordenadas, não ordenadas, 
encadeadas e de definições. Qual o código HTML para se chegar ao resultado da imagem abaixo: 
 
 
a) 
 
 
 
 
 
 
 
 
 
b) 
 
 
 
 
 
 
c) 
 
<h1 align="center">Programação Web I</h1> 
 <h2 align="center">Técnico em Informática</h2> 
 
<h9>Menu</h9> 
<ol> 
 <lista>Inicio</li> 
 <li>Descrição</li> 
 <li>Galeria</li> 
 <li>Sobre nós</li> 
</ul> 
<h1 align="center">Programação Web I</h1> 
 <h2 align="center">Técnico em Informática</h2> 
 <hr> 
<h1>Menu</h1> 
<ul> 
 <li>Inicio</li> 
 <li>Descrição</li> 
 <li>Galeria</li> 
 <li>Sobre nós</li> 
</ul> 
<h1 align="left">Programação Web I</h1> 
 <h2 align="righ">Técnico em Informática</h2> 
 <hr> 
<h1>Menu</h1> 
<dl> 
 <li>Inicio</li> 
 <li>Descrição</li> 
 <li>Galeria</li> 
 <li>Sobre nós</li> 
</dl> 
 
 
d) 
 
 
 
 
 
 
e) 
 
 
 
 
 
2. Escreva a estrutura básica para criação de uma lista ordenada em um documento HTML. Esta lista 
pode ser uma lista de cidades, lista de itens escolares, etc. 
______________________________________________________________________________
______________________________________________________________________________
______________________________________________________________________________
______________________________________________________________________________
______________________________________________________________________________
______________________________________________________________________________
______________________________________________________________________________
______________________________________________________________________________
______________________________________________________________________________
______________________________________________________________________________ 
3. A criação de vínculos é muito importante para a navegação Web. Isso pode ajudar os autores a 
recomendar outros recursos relacionados ao assunto atual, e os usuários podem acessar esse 
conteúdo vinculado de forma mais fácil. Assinale a opção que relaciona o conjunto de Tags 
utilizado para se criar um vínculo. 
 
a) <hiperlink></hiperlink> 
b) <a></a> 
c) <linka></linka> 
d) <b></b> 
e) <http></http> 
 
4. Assinale a alternativa que apresenta corretamente uma marcação de link HTML? 
 
a) <a ref=”teste.html”> DESTINO </a> 
b) <a href=”teste”> DESTINO </a 
c) <a href=”www.teste.com.br”> DESTINO <a/> 
d) <a iref=”http://www.teste.com.br”> DESTINO </a 
e) <a href=”http://www.teste.com.br”> DESTINO </a> 
 
<h1 align="center">Programação Web I</h1> 
 <h2 align="right">Técnico em Informática</h2> 
 <hr> 
<h1>Menu</h1> 
<p1> 
 <li>Inicio</li> 
 <li>Descrição</li> 
 <li>Galeria</li> 
 <li>Sobre nós</li> 
</ul> 
<h1 align="center">Programação Web I</h1> 
 <h2 align="center">Técnico em Informática</h2> 
 <hr> 
<h1>Menu</h1> 
<ul> 
 <li>Inicio</li> 
 <li>Descrição</li> 
 <li>Galeria</li> 
 <lista>Sobre nós</lista> 
</ul> 
 
 
5. Como é possível chegar no resultado da página abaixo: 
 
_____________________________________________________________________________
_____________________________________________________________________________
_____________________________________________________________________________
_____________________________________________________________________________
_____________________________________________________________________________
_____________________________________________________________________________
_____________________________________________________________________________
_____________________________________________________________________________
_____________________________________________________________________________
_____________________________________________________________________________
_____________________________________________________________________________
_____________________________________________________________________________ 
6. É uma tag HTML que conta com os atributos size e color que possibilita a alteração de tipos, 
cores e tamanhos de fontes em uma página web. 
 
a) <a> 
b) <b> 
c) <div> 
d) <font> 
e) <href> 
 
7. O que são folhas de estilo em cascata (CSS)? Dê exemplos de como utilizá-las em nossas 
páginas web. Insira a linha que chama o arquivo css na página html. 
______________________________________________________________________________
______________________________________________________________________________
______________________________________________________________________________
 
 
______________________________________________________________________________
______________________________________________________________________________ 
 
8. Quando utilizamos o código abaixo, qual a ação será executada? 
 
 
 
 
 
 
 
 
a) Cor de fundo: Cinza escuro | Box: uma margem de 20px no topo e em baixo e posicionada 
no centro da página, com uma largura de 900px e a largura de 760px e com a cor branca. 
b) Cor de fundo: Cinza escuro | Box: uma margem de 20px no topo e em baixo e posicionada 
no centro da página, com uma largura de 900px e uma altura de 760px e com a cor branca. 
c) Cor de fundo: Cinza escuro | Box: uma margem de 20px no topo e em baixo e posicionada 
no centro da página, com uma altura de 900px e uma largura de 760px e com a cor black. 
d) Cor de fundo: Cinza escuro | Box: uma margem de 20px no topo e em baixo e posicionada 
ao lado esquerdo da página, com uma altura de 900px e uma largura de 760px e com a 
cor branca. 
e) Cor de fundo: Cinza escuro | Box: uma margem de 10px no topo e 20px em baixo e 
posicionada ao lado direito da página, com uma largura de 900px e uma altura de 760px 
e com a cor branca 
9. Assinale a alternativa em que aparecem as definições de Seletor, Propriedade e Valor 
respectivamente. (0,5) 
a) É a característica específica a ser assumida pela propriedade, por exemplo: font: Arial cor 
azul, fundo branco / É o atributo do elemento HTML, ao qual será aplicada a regra (por 
exemplo: font, color, background, etc) / É a tag HTML, à qual será aplicada uma 
propriedade. 
b) É o atributo do elemento HTML, ao qual será aplicada a regra (por exemplo: font, color, 
background, etc)/ É a característica específica a ser assumida pela propriedade, por 
exemplo: font: Arial cor azul, fundo branco / É a tag HTML, à qual será aplicada uma 
propriedade. 
c) É onde selecionamos o arquivo css para a página web/ É o atributo do elemento HTML, 
ao qual será aplicada a regra (por exemplo: font, color, background, etc)./ É a 
característica específica a ser assumida pela propriedade, por exemplo: font: Arial cor 
azul, fundo branco. 
d) É a tag HTML, à qual será aplicada uma propriedade./ É o atributo do elemento HTML, ao 
qual será aplicada a regra (por exemplo: font, color, background, etc)/ É a característica 
específica a ser assumida pela propriedade, por exemplo: font: Arial cor azul, fundo 
branco. 
e) É a característica específica a ser assumida pela propriedade, por exemplo: font: Arial cor 
azul, fundo branco / É a tag HTML, à qual será aplicada uma propriedade. / É o atributo 
do elemento HTML, ao qual será aplicada a regra (por exemplo: font, color, background, 
etc) 
 
body{ background: #333; } 
.box{ 
 margin: 20px auto; width: 900px; 
 height: 760px; 
 background: white; 
}