Scribd
Carregar
2 visualizações1 página

Site HTML Simples

O documento apresenta um exemplo de um site simples em HTML que inclui um formulário para cadastro de estudantes e uma tabela para exibir os dados. Ele descreve os principais comandos HTML utilizados, como <form>, <input>, <button>, e <table>. O código exemplifica a estrutura básica de um site sem programação adicional.

Enviado por

bobmater74
Direitos autorais
© All Rights Reserved
Levamos muito a sério os direitos de conteúdo. Se você suspeita que este conteúdo é seu, reivindique-o aqui.
Formatos disponíveis
Baixe no formato PDF, TXT ou leia on-line no Scribd
2 visualizações1 página

Site HTML Simples

O documento apresenta um exemplo de um site simples em HTML que inclui um formulário para cadastro de estudantes e uma tabela para exibir os dados. Ele descreve os principais comandos HTML utilizados, como <form>, <input>, <button>, e <table>. O código exemplifica a estrutura básica de um site sem programação adicional.

Enviado por

bobmater74
Direitos autorais
© All Rights Reserved
Levamos muito a sério os direitos de conteúdo. Se você suspeita que este conteúdo é seu, reivindique-o aqui.
Formatos disponíveis
Baixe no formato PDF, TXT ou leia on-line no Scribd

Site Simples em HTML com Formulário e Tabela

Este documento apresenta um exemplo de site simples feito apenas com HTML, sem uso de
programação. São usados formulário, botão, label, método, action e tabela.

Exemplo de Código HTML


<!DOCTYPE html>
<html>
<head>
<title>Exemplo de Site</title>
</head>
<body>

<h1>Cadastro de Estudantes</h1>

<form action="#" method="post">


<label>Nome:</label><br>
<input type="text" name="nome"><br><br>

<label>Curso:</label><br>
<input type="text" name="curso"><br><br>

<button type="submit">Enviar</button>
</form>

<h2>Lista de Estudantes</h2>

<table border="1">
<tr>
<th>Nome</th>
<th>Curso</th>
</tr>
<tr>
<td>Ana</td>
<td>Informática</td>
</tr>
<tr>
<td>João</td>
<td>Gestão</td>
</tr>
</table>

</body>
</html>

Explicação dos Principais Comandos


• <html>: indica que o documento é HTML.
• <head>: contém informações do site.
• <title>: nome da aba do navegador.
• <body>: conteúdo visível do site.
• <form>: cria um formulário.
• action: indica para onde os dados serão enviados.
• method: define o método de envio (GET ou POST).
• <label>: identifica o campo.
• <input type="text">: campo para digitar texto.
• name: nome do campo.
• <button>: botão de envio.
• <table>: cria uma tabela.
• <tr>: linha da tabela.
• <th>: título da coluna.
• <td>: dados da tabela.

Você também pode gostar