Minha primeira página - Parte 1

Novo aqui no site? Talvez gostaria de assinar o
RSS feed do site?

Publicado em: 03/12/2006
Área: HTML
Visualizações: 3.031
Comentário(s): 2

imprimir envie por e-mail compartilhe
Olá!

Essa coluna tem como objetivo mostrar que HTML é muito fácil. É só você aprender a base e sair implementando, buscando mais coisas para aplicar. Claro que isso exige uma certa dedicação, mas todo aprendizado é assim.

Hoje eu vou fazer um pequeno projeto com você, usando os assuntos das outras colunas.

Vamos lá!
Crie uma página com 2 links.
<html>
<head>
<title>Minha primeira página</title>
</head>
<body>
<p><b>Aí pessoal,</b> essa é a <i>página.</i> Eu vou formatar do <u>meu jeito,</u> mas vocês podem alterar o que quiserem.</p>

<a href="musica1.htm">Musica 1</a> e <a href="musica2.htm">Musica 2</a>

</body>
</html>

Salve como "index.htm".
A maior parte desse código já foi explicado na coluna do Nicolas, então só vou explicar a parte nova. Mas caso não entenda alguma coisa, deixe no comentário.
<p> - Início de parágrafo
</p> - Fim de parágrafo
<a> - Início do link
</a> - Fim do link
"align" é um atributo que define o alinhamento
"href" é um atributo que define o endereço que você quer linkar. Mais exemplos aparecerão futuramente.

Você deve estar se perguntando: "E aqueles musica1.htm e musica2.htm"?
Calma, vamos criá-los agora mesmo:

<html>
<head>
<title>Musica 1</title>
</head>
<body>
<p> Escolha uma música legal e escreva aqui. Substituindo esse texto. </p>

<a href="index.htm">voltar</a>

</body>
</html>

Salve como "musica1.htm"

<html>
<head>
<title>Musica 2</title>
</head>
<body>
<p> Escolha outra música legal e faça o mesmo. </p>

<a href="index.htm">voltar</a>

</body>
</html>

Salve como "musica2.htm"

Ainda criamos um link "voltar", para facilitar a navegação.

Obs.: Salve os 3 arquivos na mesma pasta.

Fico por aqui. Me dê suas opiniões para eu poder melhorar as colunas, ok?

Até mais.

Preencha o formulário para comentar:
Nome:*

E-mail:* (não será exibido)

Site: (http://)

Comentário:*

Deseja receber os comentários no e-mail?

Anti-spam: (nova imagem)





   - Publicado em: 03/12/2006 - 16:53

esse tutorial ai é muito bom pra quem ta iniando webdesigener

 

Leandro

   - Publicado em: 26/07/2007 - 13:14

td de bm apredender xhtml

 

Publicidade
Seguir o Oficina da Net
RSS

RSS

RSS
Top matérias do mês
Matérias relacionadas
Tags

© 2005 - 2009 - Oficina da Net - v 4.0 - É proibida a reprodução parcial ou completa do conteúdo deste site sem autorização por escrito. Resolução adequada: 1024x768px.