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

Ver o tópico anterior Ver o tópico seguinte Ir em baixo

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

Mensagem por Davichococat 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)

Davichococat

Número de Mensagens : 182
Data de inscrição : 29/12/2011
Reputação : 1
Insignia 1 x 0 Insignia 2 x 0 Insignia 3 x 0
Prêmios
   : 0
   : 0
   : 0

http://www.google.com

Voltar ao Topo Ir em baixo

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

Mensagem por PedroX 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!

PedroX

Ranking : Nota C
Número de Mensagens : 6034
Idade : 21
Data de inscrição : 26/07/2008
Notas recebidas : C+B
Reputação : 286
Insignia 1 x 0 Insignia 2 x 0 Insignia 3 x 0
Prêmios
   :
   :
   :

Voltar ao Topo Ir em baixo

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

Mensagem por TRFN 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 !

___________



TRFN

Ranking : Nota C
Número de Mensagens : 970
Idade : 21
Data de inscrição : 16/01/2012
Notas recebidas : C
Reputação : 33
Insignia 1 x 0 Insignia 2 x 0 Insignia 3 x 0
Prêmios
   : 1
   : 0
   : 2

http://trfnsite.com

Voltar ao Topo Ir em baixo

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

Mensagem por Davichococat 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

Davichococat

Número de Mensagens : 182
Data de inscrição : 29/12/2011
Reputação : 1
Insignia 1 x 0 Insignia 2 x 0 Insignia 3 x 0
Prêmios
   : 0
   : 0
   : 0

http://www.google.com

Voltar ao Topo Ir em baixo

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

Mensagem por Conteúdo patrocinado Hoje à(s) 12:28


Conteúdo patrocinado


Voltar ao Topo Ir em baixo

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

 
Permissão deste fórum:
Você não pode responder aos tópicos neste fórum