Conectar-se
Quem está conectado
23 usuários online :: Nenhum usuário registrado, Nenhum Invisível e 23 Visitantes

Nenhum

Ver toda a lista


Compartilhe
Ver o tópico anteriorIr em baixoVer o tópico seguinte
avatar
Data de inscrição : 29/12/2011
Número de Mensagens : 182
Insígnias de JAM :

Insignia 1x 0 Insignia 2x 0 Insignia 3x 0
Reputação : 1

Prêmios
   : 0
   : 0
   : 0
Ver perfil do usuáriohttp://www.google.com

[Tutorial](Parte 3) A mágica da programação de sites

em Sex 27 Jan 2012, 17:07
A mágica da programação de sites
Parte 3 - Síntaxe e melhor entendimento das tags

Saudações, novamente, ser humano! No tutorial anterior, fizemos o nosso primeiro programa, e tivemos uma olhada rápida nas tags. Rápida demais... Por isso, esse tutorial vai explicar melhor como funcionam essas pecinhas.


Bem, como funciona uma tag? Vou lhe dar um exemplo.
Código:
<tag1></tag1>
Isso é uma tag. Mas ela não existe(suponho). Tag1 foi qualquer coisa que inventei(ou não). Bem, já sabemos que aí existe uma tag. Tags abrem e fecham. Mas como?
Código:
<tag1>
Acabamos de abrir uma tag.
Código:
</tag1>
Agora, acabamos de fechar uma tag.
Código:
<tag1> </tag1>
Essa é uma tag completa, pois ela abre, e fecha.
Código:
<tag1 />
Em algumas ocasiões, as tags tem que se abrir e se fechar apenas assim. Porém, não deixa de ser uma tag completa: Ela abre, ela fecha.


Algumas vezes, tags terão atributos. Atributos são informações adicionais que damos às tags. Este é um exemplo de tag com atributo:
Código:
<tag1 atributo1="a" atributo2="b" atributo3=1></tag1>
Esta tag tem 3 atributos. Atributo1, à qual atribuímos o valor "A". Atributo2, à qual atribuímos o valor "B". Atributo3, a qual demos o valor de "1". Números não precisam de aspas. Palavras sim. Isso aprendemos bem depois.


E então, vamos explicar a síntaxe. Bem, algumas vezes, você está digitando um texto no Notepad++ e ele fica colorido. Por quê? Para ajudar você(sim, VOCÊ!) a melhor compreender o código. Agora, precisamos descobrir que linguagem é essa que o Notepad++ está tentando nos passar, certo?

Funciona assim:
  • Azul é reservado para tags.
  • Vermelho é usado para atributos e seus valores númericos.
  • Roxo é para valores de texto ou qualquer outra coisa que esteja entre aspas.
  • Verde é para comentários.


Ah, e que tal eu explicar como funcionam os "Comentários"? Bem, eles são comentários. Você simplesmente vai escrever algo que não vai aparecer e nem ser interpretado pelo navegador, serve apenas para organizar o seu código, e deixar o mesmo mais fácil de editar depois.

Metódo 1:
Código:
<!-- Isso é meu comentário, pare de olhar!></!-->
<!-- Isso também é um comentário, e nenhum de vocês pode vêr-lo.></!-->
<!-- Outro comentário, mwhahaha.></!-->
<!-- Alô, alô, marciano! Quem fala aqui é da Terra...></!-->
<!-- Fato legal
Esse comentário
Tem múltiplas linhas>
</!-->

Metódo 2:(enviado por TRFN)
Código:
<!-- Olá, humano, você desvendou a mensagem secreta. Parabéns.-->
<!-- GMBR, o melhor fórum brasileiro sobre Game Maker!-->
<!-- Hehehehe... E você, olhando no código fonte da página...-->
Bem, é isto. No próximo tutorial iremos aprender mais tags que permitiram um website de qualidade pelo menos "decente".

:arrow: Próximo tutorial


Última edição por Davichococat em Qua 01 Fev 2012, 11:00, editado 5 vez(es)
Ranking : Nota C
Notas recebidas : C+B
Data de inscrição : 26/07/2008
Número de Mensagens : 6037
Insígnias de JAM :

Insignia 1x 0 Insignia 2x 0 Insignia 3x 0
Reputação : 288

Prêmios
   :
   :
   :
Ver perfil do usuário

Re: [Tutorial](Parte 3) A mágica da programação de sites

em Sex 27 Jan 2012, 17:17
É legal ter essa disposição, mas você poderia colocar mais coisas nos mesmos tutoriais, acho que tudo isso poderia estar em um único tópico.

Até mais!
avatar
Ranking : Nota C
Notas recebidas : C
Data de inscrição : 16/01/2012
Número de Mensagens : 970
Insígnias de JAM :

Insignia 1x 0 Insignia 2x 0 Insignia 3x 0
Reputação : 33

Prêmios
   : 1
   : 0
   : 2
Ver perfil do usuáriohttp://trfnsite.com

Re: [Tutorial](Parte 3) A mágica da programação de sites

em Sex 27 Jan 2012, 17:17
Um bom tutorial para quem procura aprender sobre funcionamento de websites.Porem,poderias complementa-lo melhor.Ensinar um pouco sobre as sintaxes e coisas do gênero.
Porem discordo sobre uma colocação sua : o comentário de fim de linha .
Só para constar,um comentário HTML deve ter esta sintaxe :

Simples :
Código:
<!-- Meu comentário qualquer -->

Composto (ou Multi-Linha) :
Código:
<!--
Este código serve para atualizar a página.
Sendo que,se não houver como,desisto.
Por favor,não edite daqui para baixo,se não,te mato (ou não) .
 -->

Corrija,porque apesar da explicação verídica,o método e inadequado !
avatar
Data de inscrição : 29/12/2011
Número de Mensagens : 182
Insígnias de JAM :

Insignia 1x 0 Insignia 2x 0 Insignia 3x 0
Reputação : 1

Prêmios
   : 0
   : 0
   : 0
Ver perfil do usuáriohttp://www.google.com

Re: [Tutorial](Parte 3) A mágica da programação de sites

em Sex 27 Jan 2012, 17:22
@Pedrø
Eu não queria confundir os novatos, então dividi em partes menores explicando um pouco da linguagem cada uma. Não gosto de ir correndo, quando era iniciante na linguagem, sabia como era díficil encontrar um tutorial que explicasse, e não deixasse mais complicado.

Porém, irei colocar mais conteúdo nos futuros tutoriais e editar os já feitos. Obrigado pela sugestão!
@TRFN
O meu método funciona normalmente...

Mas colocarei o antigo metódo como alternativo. Sua correção foi muito apreciada. Happy
Conteúdo patrocinado

Re: [Tutorial](Parte 3) A mágica da programação de sites

Ver o tópico anteriorVoltar ao TopoVer o tópico seguinte
Permissão deste fórum:
Você não pode responder aos tópicos neste fórum