Procurar
Últimos assuntos
Nosso Banner
Gostaria de Parceria?
Se você quer ser nosso parceiro, pegue nosso banner abaixo e cole em seu fórum!
Clique - Crie parceria
Para parceria, é necessário seu registro no VisualArts!
Se você quer ser nosso parceiro, pegue nosso banner abaixo e cole em seu fórum!
Clique - Crie parceria
Para parceria, é necessário seu registro no VisualArts!
[HTML]Uma primeira página
Página 1 de 1
[HTML]Uma primeira página
Para criarmos a nossa primeira página em HTML, como já disse no capítulo anterior, basta qualquer simples editor de texto, como o Notepad. Podemos começar por inserir o seguinte:
Dica:
Devemos criar uma pasta nova no nosso disco para conter a página, e devemos gravar o nosso ficheiro de texto como 'index.htm'. Porquê? Quando a página está a ser visualizada no nosso disco, é indiferente, mas nos servidores onde são alojadas as páginas na Internet, a página inicial por defeito chama-se index.html ou index.htm.
Se visualizarmos a página que acabámos de criar num browser (programa que permita navegar na internet, por ex. IExplorer), teremos qualquer coisa como isto:
Que conclusão podemos tirar? O texto que aparece como título da janela é definido pelo ‘tag’ < TITLE >, que surge sempre na área correspondente ao cabeçalho da página (< HEAD >).
Vamos agora fazer a seguinte alteração:
Iremos obter o seguinte resultado:
Como já disse antes, a área definida pelo ‘tag’ < BODY > é aquela onde reside quase todo o conteúdo visível de uma página. Vamos concentrar-nos nesta área.
Comecemos por acrescentar uma frase:
Inesperadamente, o resultado obtido será o seguinte:
Convém então esclarecer algo: Em HTML, os espaçamentos e mudanças de linha processam-se de um modo algo diferente. Todo o texto é interpretado continuamente, e na verdade é possível que todo o HTML de uma página esteja numa única linha. Os espaços, tal como neste tutorial, apenas servem para tornar o código mais legível a quem o cria. Vamos introduzir o seguinte ‘tag’:
Este < BR > (de Break) dá instruções ao browser para fazer uma mudança de linha. Assim, o resultado deverá ser este:
- Código:
<HTML>
<HEAD>
<TITLE>A minha primeira página</TITLE>
</HEAD>
<BODY>
</BODY>
</HTML>
Dica:
Devemos criar uma pasta nova no nosso disco para conter a página, e devemos gravar o nosso ficheiro de texto como 'index.htm'. Porquê? Quando a página está a ser visualizada no nosso disco, é indiferente, mas nos servidores onde são alojadas as páginas na Internet, a página inicial por defeito chama-se index.html ou index.htm.
Se visualizarmos a página que acabámos de criar num browser (programa que permita navegar na internet, por ex. IExplorer), teremos qualquer coisa como isto:
Que conclusão podemos tirar? O texto que aparece como título da janela é definido pelo ‘tag’ < TITLE >, que surge sempre na área correspondente ao cabeçalho da página (< HEAD >).
Vamos agora fazer a seguinte alteração:
- Código:
<HTML>
<HEAD>
<TITLE>A minha primeira página</TITLE>
</HEAD>
<BODY>
Olá mundo!
</BODY>
</HTML>
Iremos obter o seguinte resultado:
Como já disse antes, a área definida pelo ‘tag’ < BODY > é aquela onde reside quase todo o conteúdo visível de uma página. Vamos concentrar-nos nesta área.
Comecemos por acrescentar uma frase:
- Código:
<BODY>
Olá mundo!
Chamo-me Eduardo.
</BODY>
Inesperadamente, o resultado obtido será o seguinte:
Convém então esclarecer algo: Em HTML, os espaçamentos e mudanças de linha processam-se de um modo algo diferente. Todo o texto é interpretado continuamente, e na verdade é possível que todo o HTML de uma página esteja numa única linha. Os espaços, tal como neste tutorial, apenas servem para tornar o código mais legível a quem o cria. Vamos introduzir o seguinte ‘tag’:
- Código:
<BODY>
Olá mundo!
<BR>
Chamo-me Eduardo.
</BODY>
Este < BR > (de Break) dá instruções ao browser para fazer uma mudança de linha. Assim, o resultado deverá ser este:
Re: [HTML]Uma primeira página
Vamos agora tentar o seguinte:
Iremos obter novamente o seguinte resultado:
Porquê? Como foi dito, a noção de espaçamento em HTML é um pouco diferente, e os browsers não reconhecem mais que um único espaço entre caracteres. Para contornar isto, utiliza-se uma referência especial - (Non-Breaking SPace), que convém esclarecer que não é um ‘tag’. Antes de mais explicações, experimentemos isto:
O resultado será este:
Dica:
Estes caracteres especiais são utilizados para definir caracteres que normalmente não são reconhecidos pelo HTML. Por exemplo, visto que os sinais de maior e menor são utilizados pelo próprio HTML para definir os ‘tags’, se quisermos utilizar estes sinais na nossa página utilizaremos > e < respectivamente.
Uma das bases do HTML é o facto de ser uma linguagem de hiper-texto. Vamos agora tentar introduzir uma ligação a outra página:
iremos então obter uma ligação a uma página, que seria o ficheiro ‘outra.htm’ gravado na mesma pasta que o ficheiro da página que estamos a editar. Seria interessante criar rapidamente essa página para testar a ligação que acabámos de criar.
Este ‘tag’ é um pouco diferente dos que já vimos. Pode parecer confuso, mas não é. O ‘tag’ < A > é aquele destinado à introdução de uma link, mas no entanto necessita de um parâmetro (o HREF) para indicar aonde é feita essa ligação. Tudo aquilo que se segue irá estar ‘linkado’, até o ‘tag’ ser fechado com < /A >.
O parâmetro HREF pode conter também o endereço de outro site, como em (neste caso é indispensável o prefixo http://) ou qualquer outro ficheiro sem ser .HTM ou .HTML. Por exemplo, para fazer uma link para download usar-se-ia .
Dica:
IMPORTANTE: Aconselho vivamente que todos os ficheiros referidos numa página, quer links a outras páginas, quer imagens, etc, tenham o seu nome em minúsculas, pois a grande maioria dos servidores Web fazem uma distinção entre maiúsculas e minúsculas. Existe uma forte possibilidade que se tivermos uma link a ‘pagina.htm’, quando o ficheiro se chama ‘Pagina.htm’, esta link não funcione.
- Código:
<BODY>
Olá mundo! Chamo-me Eduardo.
</BODY>
Iremos obter novamente o seguinte resultado:
Porquê? Como foi dito, a noção de espaçamento em HTML é um pouco diferente, e os browsers não reconhecem mais que um único espaço entre caracteres. Para contornar isto, utiliza-se uma referência especial - (Non-Breaking SPace), que convém esclarecer que não é um ‘tag’. Antes de mais explicações, experimentemos isto:
- Código:
<BODY>
Olá mundo!
Chamo-me Eduardo.
</BODY>
O resultado será este:
Dica:
Estes caracteres especiais são utilizados para definir caracteres que normalmente não são reconhecidos pelo HTML. Por exemplo, visto que os sinais de maior e menor são utilizados pelo próprio HTML para definir os ‘tags’, se quisermos utilizar estes sinais na nossa página utilizaremos > e < respectivamente.
Uma das bases do HTML é o facto de ser uma linguagem de hiper-texto. Vamos agora tentar introduzir uma ligação a outra página:
- Código:
<BODY>
Olá mundo! Chamo-me Eduardo.<BR>
Visitem a minha <A HREF="outra.htm"> outra página</A>.
</BODY>
iremos então obter uma ligação a uma página, que seria o ficheiro ‘outra.htm’ gravado na mesma pasta que o ficheiro da página que estamos a editar. Seria interessante criar rapidamente essa página para testar a ligação que acabámos de criar.
Este ‘tag’ é um pouco diferente dos que já vimos. Pode parecer confuso, mas não é. O ‘tag’ < A > é aquele destinado à introdução de uma link, mas no entanto necessita de um parâmetro (o HREF) para indicar aonde é feita essa ligação. Tudo aquilo que se segue irá estar ‘linkado’, até o ‘tag’ ser fechado com < /A >.
O parâmetro HREF pode conter também o endereço de outro site, como em (neste caso é indispensável o prefixo http://) ou qualquer outro ficheiro sem ser .HTM ou .HTML. Por exemplo, para fazer uma link para download usar-se-ia .
Dica:
IMPORTANTE: Aconselho vivamente que todos os ficheiros referidos numa página, quer links a outras páginas, quer imagens, etc, tenham o seu nome em minúsculas, pois a grande maioria dos servidores Web fazem uma distinção entre maiúsculas e minúsculas. Existe uma forte possibilidade que se tivermos uma link a ‘pagina.htm’, quando o ficheiro se chama ‘Pagina.htm’, esta link não funcione.
Tópicos semelhantes
» [HTML] Tutorial HTML - Desde o início
» [HTML] As bases do HTML
» Estrutura de uma página para sites em tabelas
» Divulgação de uma página.
» Editor HTML
» [HTML] As bases do HTML
» Estrutura de uma página para sites em tabelas
» Divulgação de uma página.
» Editor HTML
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos
|
|
Qui maio 26, 2011 10:02 pm por cooker
» 1000 Brushes para Download
Qui Abr 01, 2010 3:51 pm por x SparTan
» [Fonte]Game Logos
Qua Mar 31, 2010 2:41 pm por Gouveia -
» Ranks-Habbundo
Ter Mar 30, 2010 11:17 am por Ronoroa ~
» [Fonte]Coca-Cola
Qua Mar 17, 2010 5:52 pm por Hink
» [Fonte] Battlestar (Galactica)
Sáb Dez 12, 2009 6:14 pm por Aurora
» [Fonte]Team Spirit
Sáb Dez 12, 2009 6:07 pm por Aurora
» [Fonte] Aardvark Cafe (Hard Rock Café)
Sáb Dez 12, 2009 6:05 pm por Aurora
» [Fonte] Allstar
Sáb Dez 12, 2009 4:53 pm por Aurora