Se você estudou direitinho todas as páginas desse Tutorial Iniciante de HTML, você já deve ser um HTMLzeiro competente.
Pra falar a verdade, como muita gente que usa o HTML usa muito mal, você deve ser melhor que a maioria.
O código a seguir incorpora tudo que já foi explicado nas páginas anteriores:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>Minha primeira página web</title> <!-- Isso é um comentário --> </head> <body> <h1>Minha primeira página web</h1> <h2>O que é isso?</h2> <p>Uma página simples feita usando HTML. <strong>Só pra mostrar pra todo mundo o que eu aprendi.</strong> Agora eu sei que HTML é simples e fácil. Qualquer um pode aprender.</p> <h2>Pra quê isso?</h2> <ul> <li>Pra aprender HTML</li> <li>Pra exibir <ol> <li>Pro meu chefe</li> <li>Pros meus amigos</li> <li>Pro meu gato</li> <li>Pro pequeno pato falante na minha cabeça</li> </ol> </li> <li>Porque eu me apaixonei pelo meu computador e quero dar a ele um pouco de amor HTML.</li> </ul> <h2>Onde encontrar esse tutorial</h2> <p><a href="http://www.htmldog.com"><img src="http://www.htmldog.com/images/logo.gif" width="157" height="70" alt="HTML Dog logo" /></a></p> <h3>Uma tabela qualquer</h3> <table border="1"> <tr> <td>Linha 1, célula 1</td> <td>Linha 1, célula 2</td> <td>Linha 1, célula 3</td> </tr> <tr> <td>Linha 2, célula 1</td> <td>Linha 2, célula 2</td> <td>Linha 2, célula 3</td> </tr> <tr> <td>Linha 3, célula 1</td> <td>Linha 3, célula 2</td> <td>Linha 3, célula 3</td> </tr> <tr> <td>Linha 4, célula 1</td> <td>Linha 4, célula 2</td> <td>Linha 4, célula 3</td> </tr> </table> <h3>Um formulário qualquer</h3> <p><strong>Nota:</strong> Parece o máximo, mas não faz absolutamente nada.</p> <form action="algumscript.php" method="post"> <p>Nome:</p> <p><input type="text" name="nome" value="Seu nome" /></p> <p>Comentários: </p> <p><textarea rows="10" cols="20" name="comentarios">Seus comentários</textarea></p> <p>Você é:</p> <p><input type="radio" name="vocee" value="homem" />Homem</p> <p><input type="radio" name="vocee" value="mulher" />Mulher</p> <p><input type="submit" value="Enviar"/></p> <p><input type="reset" value="Limpar"/></p> </form> </body> </html>
Aí está. Salve o arquivo e brinque com ele. Mude valores, tire e adicione coisas – é o melhor jeito de entender como tudo funciona. Vá em frente.
Vai ser difícil continuar se você não tiver aprendido direitinho tudo o que a gente viu aqui. Se tiver alguma dúvida, entre em contato ou deixe um comentário.
Páginas Relacionadas
- Próxima Página: Exercícios
- Previous Page: Formulários
- Tutorial Intermediário de HTML
Esse material é uma adaptação do HTML Beginner Tutorial, de autoria de Patrick Griffiths. Todos os direitos pertencem ao autor.
Eu consegui! Graças a esse tutorial eu fiz um pequeno site.Não consegui ainda por na internet mas se eu for eu digo o site. Valeu aí. XD
Parabéns!
Daqui a uns dias eu posto aqui um tutorial ensinando isso.
Fico feliz que o meu blog tenha te ensinado alguma coisa! =D
nossa valew!
eae mlk muito show!
eu gostei mt do que vi e ajudou me nalguns aspectos… mas por exemplo ao fazer um form tenho que associar um ficheiro ao input type=”submit”… e que queria programar em python e não em php… nao sei se e possivel… mas preciso de ajuda porque nao sei usar os valores que recebo do html no python e nao entendo mt disto… podia dar me uma ajuda?
por favor fala comigo por mail…
oi gente td bem?