Logo Passei Direto
Buscar
Material
páginas com resultados encontrados.
páginas com resultados encontrados.
left-side-bubbles-backgroundright-side-bubbles-background

Crie sua conta grátis para liberar esse material. 🤩

Já tem uma conta?

Ao continuar, você aceita os Termos de Uso e Política de Privacidade

left-side-bubbles-backgroundright-side-bubbles-background

Crie sua conta grátis para liberar esse material. 🤩

Já tem uma conta?

Ao continuar, você aceita os Termos de Uso e Política de Privacidade

left-side-bubbles-backgroundright-side-bubbles-background

Crie sua conta grátis para liberar esse material. 🤩

Já tem uma conta?

Ao continuar, você aceita os Termos de Uso e Política de Privacidade

Prévia do material em texto

Pergunta 1 
10 em 10 pontos 
 
 Caro estudante, no Capítulo 1 aprendemos os conceitos básicos e primeiros passos para a 
criação de páginas web utilizando Linguagem de Marcação de Hipertexto (HTML). Vimos que 
as páginas deverão ter um conteúdo claro e objetivo, além de bem organizado, e, dentre 
vários conteúdos, aprendemos a identificar as principais tags e que, para utilizá-las para 
codificar uma página HTML, precisamos definir prioridades. Aprendemos também que, com as 
tabelas, podemos organizar melhor conteúdo da página a ser criada e que, para a criação de 
uma tabela, será preciso pensar na diagramação da página, ou seja, qual será o formato de 
sua tabela, borda, coloração, conteúdos das células etc. E que essa parte é de suma 
importância para que você possa estruturar o seu código baseado no layout esquematizado. 
Com base no conteúdo apresentado, desenvolva um código HTML, que deverá conter: 
 
1.Título da página: Exercício. 
2.Corpo da página: 
2.1. Título de nível I, centralizado, com o texto “Tabela de produtos de informática”. 
2.2. Montar uma tabela igual à seguinte, utilizando códigos HTML. 
 
Resposta: 
<!DOCTYPE html> 
<html> 
<head> 
<title>Exercício</title> 
<style> 
table{ 
 width: 550px; 
 border: 10px solid black; 
 border-collapse: solid; 
 border-spacing: 6.5px 6.5px; 
} 
 
 
th, td{ 
 border: 1.5px solid grey; 
 border-collapse: solid; 
 padding: 2px; 
} 
</style> 
</head> 
 
<body> 
<h1><center>Tabela de produtos de informática</center></h1> 
<center> 
<table> 
 <tr> 
 <th>Produto</th> 
 <th>Preço</th> 
 <th>Quantidade</th> 
 </tr> 
 
 <tr> 
 <td><b>Pen drive 16GB</b></td> 
 <td><b>R$ 29,50</b></td> 
 <td><b>1</b></td> 
 </tr> 
 
 <tr> 
 <td><b>HD Externo 1TB</b></td> 
 <td><b>R$ 244,90</b></td> 
 <td><b>2</b></td> 
 </tr> 
 
 <tr> 
 <td><b>Total</b></td> 
 <td><b>R$ 519,30</b></td> 
 <td></td> 
 </tr> 
 
</table> 
</center> 
</body> 
</html> 
<!DOCTYPE html> 
<html> 
<head> 
<style> 
table{ 
 width: 100%; 
 border: 10px solid black; 
 
 border-collapse: solid; 
 border-spacing: 6.5px 6.5px; 
} 
th, td{ 
 border: 1.5px solid grey; 
 border-collapse: solid; 
 padding: 2px; 
} 
</style> 
</head> 
<body> 
<table> 
 <tr> 
 <th>Produto</th> 
 <th>Preço</th> 
 <th>Quantidade</th> 
 </tr> 
 
 <tr> 
 <td><b>Pen drive 16GB</b></td> 
 <td><b>R$ 29,50</b></td> 
 <td><b>1</b></td> 
 </tr> 
 
 <tr> 
 <td><b>HD Externo 1TB</b></td> 
 <td><b>R$ 244,90</b></td> 
 <td><b>2</b></td> 
 </tr> 
 
 <tr> 
 <td><b>Total</b></td> 
 <td><b>R$ 519,30</b></td> 
 <td></td> 
 </tr> 
</table> 
</body> 
</html> 
 
A sua resposta contemplou base conceitual para contribuir na construção do conhecimento. Siga em 
frente e bons estudos!

Mais conteúdos dessa disciplina