Tutorial Iniciante de HTML: Juntando Tudo

2 03 2008

Código HTML

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

BlogBlogs Tags: , ,

Esse material é uma adaptação do HTML Beginner Tutorial, de autoria de Patrick Griffiths. Todos os direitos pertencem ao autor.

Anúncios

Ações

Information

12 responses

26 04 2008
Anônimo

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

26 04 2008
Elomar França

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

14 07 2008
vtr

nossa valew!

14 07 2008
dasdasd

eae mlk muito show!

23 01 2009
Mário Gouveia

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…

13 04 2009
Samara

oi gente td bem?

31 08 2009
Gustavo

cara mto obrigado..
to aprendendo..

cara nao sei nada.. .

absolutamente nada sobre html..

to começando aki no teu site…

achei por acaso algus sites..

e considerei o teu.. o mais objetivo..

claro q tenho muitas.. muitas dificuldades…

nao consegui criar um site ainda.. q to digerindo ainda as informação..

to fazendo algumas modificações…

tentando aplicar algumas coisas..

mas gostaria da ajuda

quem quiser me add pra ajuda

gutavex@hotmail.com]

abraçosss a todos

obrigado

site da hora

23 10 2010
Edmilson.avaidosa.com.br

Achei muito interessante suas dicas sobre HTML. Gostaria que vc me desse uma orientação. Para fazer abrir uma janela com tamanho pré-determinado, usando uma imagem como link uso o seguinte código:
Acontece que qdo clico no link ele abre duas janelas. A que foi definida pelo código HTML e outra dentro da própria página do site(www.avaidosa.com.br). Onde estou errando?

30 06 2011
Felipe Pires

Muito bom!!

1 04 2012
yasser

mano muito bom mesmo usei esse código para estudar para minha prova de html ta como uma revisão básica vlw mesmo!!!

15 11 2013
Jefferson

Gostei muito cara. Vou continuar com os próximos tutoriais!

12 06 2014
João Vitor Pereti

você explica muito bem
logo logo eu irei fazer um site pra minha banda

Deixe um comentário

Preencha os seus dados abaixo ou clique em um ícone para log in:

Logotipo do WordPress.com

Você está comentando utilizando sua conta WordPress.com. Sair / Alterar )

Imagem do Twitter

Você está comentando utilizando sua conta Twitter. Sair / Alterar )

Foto do Facebook

Você está comentando utilizando sua conta Facebook. Sair / Alterar )

Foto do Google+

Você está comentando utilizando sua conta Google+. Sair / Alterar )

Conectando a %s




%d blogueiros gostam disto: