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!