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.
Soluções para a tarefa
Resposta:
<html>
<head>
<title> Exercício </title>
<meta name="autor" content="Arthur"
<meta name="keywords" content="html, exercício, página html">
</head>
<body>
<p><center><h1> Tabela de produtos de informática </h1></center></p>
<table border="8" style="width:50%" cellpadding="10" cellspacing="3"
<tr>
<th>Produto</th>
<th>Preço</th>
<th>Quantidade</th>
</tr>
<tr>
<td>Pen Drive 16 GB</td>
<td>R$ 29,50</td>
<td>1</td>
</tr>
<tr>
<td>HD Externo 1TB</td>
<td>R$ 244,90</td>
<td>2</td>
</tr>
<tr>
<td>Total</td>
<td>R$ 519,30</td>
<td></td>
</tr>
</table>
</body>
</html>
Explicação:
Com base no conteúdo apresentado, segue o correspondente código HTML:
<html>
<head>
<title> Exercício </title>
</head>
<body>
<center><h1> Tabela de produtos de informática </h1></center>
<center><table border="8" style="width:35%" cellpadding="10" cellspacing="5" bordercolor="#333333">
<tr>
<th>Produto</th>
<th>Preço</th>
<th>Quantidade</th>
</tr>
<tr>
<td>Pen Drive 16 GB</td>
<td>R$ 29,50</td>
<td>1</td>
</tr>
<tr>
<td>HD Externo 1TB</td>
<td>R$ 244,90</td>
<td>2</td>
</tr>
<tr>
<td>Total</td>
<td>R$ 519,30</td>
<td></td>
</tr>
</table></center>
</body>
</html>
Sobre HTML (Linguagem de Marcação de HiperTexto)
- HTML (sigla para HyperText Markup Language, que em português fica Linguagem de Marcação de HiperTexto) é considerado como o mais básico bloco de construção de conteúdo de uma página web.
- Sua função é, em resumo, a definição da estrutura, bem como do significado da web, comportando tanto texto como imagens.
- Ainda, não se deve confundir HTML com linguagem de programação, como dito trata-se de uma linguagem de marcação.
Mais sobre HTML: https://brainly.com.br/tarefa/40407707
Bons estudos!
