Prévia do material em texto
Caro estudante, no Capítulo 3 estudamos sobre como vincular bancos de dados às páginas e como cadastrar registro no banco de dados. Vimos também os primeiros passos para obter dados de uma página HTML e salvá-los em um banco de dados. Fizemos uma síntese sobre o que é HTML e apresentamos exemplos de códigos, o que poderá auxiliá-lo para desenvolver um código HTML para um cadastro de fornecedores para a empresa “Casa da Tecnologia”. Baseie-se na imagem a seguir: 1.O título da página HTML deve ser “Casa da Tecnologia”. 2.Para a palavra “Cadastro de produto”, utilize o título 1. DESCRIÇÃO DA IMAGEM: A figura ilustra uma tela de cadastro escrita em HTML. Na parte superior em negrito e com um tamanho de fonte maior está escrito Cadastro de produto. Logo abaixo, o texto Inclua as informações do produto abaixo. As quatro linhas a seguir possuem um texto acompanhado de uma caixa de entrada de texto. A primeira delas diz: Nome do Produto: e espera a entrada de dados logo a direita dela. A segunda diz: Descricao do produto: e espera a entrada de usuário. A terceira diz valor do produto e a quarta fornecedor. Ambas esperam uma entrada do usuário na caixa de entrada. Por fim, um botão com o texto Cadastrar. SUA RESPOSTA <!DOCTYPE html> <html> <head> <title>Casa da Tecnologia</title> </head> <body> <div style="text-align: center;"> <h1>Cadastro de produto</h1> <p>Inclua as informações do produto abaixo:</p> <br> </div> <form style="text-align: center;"> <label for="nome" style="display: inline-block; width: 150px;">Nome do produto:</label> <input type="text" id="nome" name="nome" style="padding-right: 15px;"> <br><br> <label for="descricao" style="display: inline-block; width: 150px;">Descrição do produto:</label> <input type="text" id="descricao" name="descricao" style="padding-right: 15px;"> <br><br> <label for="valor" style="display: inline-block; width: 150px;">Valor do produto:</label> <input type="text" id="valor" name="valor" style="padding-right: 15px;"> <br><br> <label for="fornecedor" style="display: inline-block; width: 150px;">Fornecedor:</label> <input type="text" id="fornecedor" name="fornecedor" style="padding-right: 15px;"> <br><br> <div style="text-align: center;"> <input type="submit" value="Cadastrar"> </div> </form> </body> </html>