O Melhor Forum para Animes, Mangás e Utilitarios para seu [PC]...


    HTML Básico Completo

    Compartilhe
    avatar
    jiraya
    Admin
    Admin

    Mensagens : 402
    Reputação : 2152
    Créditos : 7
    Idade : 28

    Aula HTML Básico Completo

    Mensagem por jiraya em Ter Jul 05, 2011 2:32 am

    [ autor: Agente Esteves ]
    Oi, meus lindos! Hoje, eu vou ensinar a vocês todo o básico do HTML, desde como estruturar os códigos até a colocar imagens e formatar os textos. Vamos lá?

    Para essa aula, todo o conteúdo é meu e está com minhas palavras, mas para colocar tudo em ordem, eu precisei da ajuda de um site que me ajudou a aprender HTML quando eu era criança... Então vamos que vamos! Mas primeiro, acho que você tem algumas dúvidas...

    1- Agente Esteves, do que eu preciso para aprender HTML? =D
    Você precisa do Bloco de Notas, que tem em todo computador. Para acessá-lo, é só ir na barra Iniciar > Programas > Acessórios > Bloco de Notas.
    Além disso, você precisa prestar atenção na aula e fazer todos os exercícios, caso contrário, não irá aprender o que quer.
    E é só isso... =]

    2- Agente, quanto tempo demora esse cursinho? >_<
    Pouquíssimo tempo, prometo.

    3- E o que eu ganho com isso? '-'
    Conhecimentos básicos em HTML, cabeção.

    4- E isso é tão básico assim? =X
    Nem tanto... Há algumas coisas bem legais aqui. Quer dizer, você não vai sair daqui fazendo um portal UOL, mas lembre-se de que com uma boa base, é possível fazer muita coisa. =D Recomendo que continue tomando aulas de HTML mais avançadas depois dessa.

    5- E se eu não conseguir aprender nada aqui? =[
    Você vai aprender. Eu não ensino tão mal assim. ._.


    Bom, chega de conversê então e vamos começar. Ah, e boa sorte! =]

    1- Aprendendo a fazer uma página
    Spoiler:
    Essa aula vai ser a mais podrinha de todas, mas bem importante. Portanto, preste atenção.

    Para começar, eu quero deixar uma tarefa. Crie uma pasta em qualquer lugar do seu computador com o nome que quer dar para a sua página. A minha página vai se chamar MundoScript. Então vou criar uma pasta chamada MundoScript na área de trabalho para não esquecer que ela está ali. Esta pasta é para você guardar todas as coisas que você vai usar na sua página, como imagens e sons, além da própria página.
    [Você precisa estar registrado e conectado para ver este link.] (Minha área de trabalho é muito linda! E eu jogo The Sims! *o*)

    Pronto! Com a pasta feita, poderemos jogar tudo o que precisaremos para a página lá dentro. Se você tiver fotos bonitas, coloque lá para depois aparecerem na sua página! ;]

    Agora, vamos tentar entender o que é uma página da web. Bem, uma página da web é uma página com uma série de comandos e cada comando vai fazer com que apareça algo diferente na tela. Há comandos para textos, para imagens, para sons, para vídeos e etc... Cada comando desses será ativado por um código e nós vamos descobrir que códigos são esses na linguagem HTML. =D

    Hora de abrir o Bloco de Notas! E de ir para a próxima aula aprender a colocar esses códigos "no papel". ;D

    2- O Código HTML
    Spoiler:
    Se você não entendeu nada da aula anterior, o que eu acho difícil, então a leia novamente. =] Foi tudo bem básico, espero que não tenha achado inútil. ._.

    Bom, repetindo o que eu disse na aula anterior, uma página web é uma série de comandos que produzirão o que o programador desejar na sua página. A linguagem HTML é uma linguagem usada em sites do mundo todo e depois que você escreve um código HTML, o navegador fica responsável de interpretar esse código e transmitir na tela tudo aquilo que você quis dizer em códigos.

    Agora, vamos aprender uma das linguagens do computador. =]

    Código:
    <html>
    <head>
    <title> </title>
    </head>
    <body>
    Olá, Mundo Script! ^_^
    </body>
    </html>

    Estranho, não? Nem tanto. Vou te explicar. =D

    Para o navegador entender o que você quer dizer com aquela mensagem, você precisa colocar as coisas nesse código. O código <html> indica que uma página web foi iniciada. Sempre que você iniciar seu código de linguagem HTML, deve-se colocar <html>. Já no fim de todo código, não pode faltar o </html>. Percebe que todo código dali tem um outro que é parecido, mas tem uma barra no meio? Então, essa barra serve para indicar o fim. Ou seja, se <html> é o começo da página, então </html> é o fim dela. Com esses dois códigos, o navegador consegue entender que uma página começa a partir daquele momento e termina a partir de um outro momento.

    Para quem sabe um pouco de Inglês, sabe também que head significa cabeça. Pois bem, o código <head> é a cabeça do HTML e é onde estarão escritas algumas informações que só o seu navegador poderá ler e não serão vistas na página por você. Não escreva nada, apenas deixe o que já está escrito. E se <head> é o começo da cabeça, </head> é o final dela. Lembre-se sempre de fechar os códigos.
    E esse <title>, que está no meio do <head></head>, significa o título. Ou seja, é aí onde você colocará o título da sua página. Ele irá aparecer naquela barrinha superior da janela, onde tem os botões de fechar, maximizar e minimizar.

    Se o Inglês estiver ajudando, body significa corpo. O código <body> é a parte que realmente interessa para nós, pois é onde colocaremos todas as informações sobre textos, fontes, imagens e tudo o mais. Tudo o que você personalizará daqui para frente será entre esses dois códigos: <body> e </body>. E já para começar, eu escrevi uma mensagenzinha de saudação para todos desse fórum querido! *-*

    Para nós conseguirmos, entretanto, criar nossa página, precisaremos do Bloco de Notas. Hoje em dia existem programas bem mais legais e facilitadores, como o Notepad++, mas eu sou das antigas e, além disso, é melhor aprendermos com o Bloco de Notas para fins didáticos. =]

    [Você precisa estar registrado e conectado para ver este link.]
    Agora, eu quero que você escreva isso no Bloco de Notas. Lembrando que a parte do "Olá, Mundo Script! ^_^" você pode trocar por qualquer coisa menos animada do que isso. =P

    Agora, é hora de salvar o arquivo. Preste atenção neste texto e na imagem que colocarei a seguir...
    [Você precisa estar registrado e conectado para ver este link.]

    Se a imagem estiver pequena aí, perdoe-me. Por aqui ficou pequena também, mas é porque eu pensei em quem tinha resolução 1280 x 768. =P

    Mas, enfim, vamos salvar a sua página. Repare que a página deve ser salva no Bloco de Notas, só que na hora de ser salva, deve ser escrito no arquivo o nome dele com a extensão html. No exemplo, nós temos "mundoscript.html". É essencial que você coloque o .html como extensão de seu arquivo.

    Prontinho! Agora feche o Bloco de Notas, vá até a pasta onde você salvou a sua página (provavelmente a criada na primeira aula) e clique duas vezes no arquivo salvo. Uaaaau! Sua primeira página! *o*

    Agora que você conseguiu criá-la, é importante saber que sempre que quiser mudar alguma coisinha, é só abrir o arquivo no Bloco de Notas e mudar os códigos que quiser! =DD

    Olha como é que ficou a minha página:
    [Você precisa estar registrado e conectado para ver este link.]
    (É, ignore o meu Internet Explorer totalmente desatualizado. Ele não é o meu navegador padrão.)

    Mas essa página está muuuito sem graça! É hora da gente colocar um tchan aí! =D
    E isso nós vamos ver na nossa próxima aula! *-*

    3- Formatação
    Spoiler:
    Na aula anterior, nós aprendemos tudo sobre a estrutura do código HTML, o que significam <html>, <head> e <body> e também aprendemos a colocar texto na nossa página. Agora, vamos aprender a modificar esse texto. Vamos brincar com os tamanhos, as cores e as fontes dele. Vamos lá! *o*

    Primeiro, abra o seu arquivo que contém o código lá bonitinho. É só abrir novamente o Bloco de Notas e clicar em Arquivo > Abrir. =]
    Epa! Mas onde é que está esse desgraçado? Sumiu!!! O_O
    Calma, meu aluno afoito... Seu código não sumiu. XD
    Para abri-lo, de agora em diante, terá de ser assim... Na parte de baixo há dois campos, o campo onde você digita o nome do arquivo e uma seta que puxa um menu. Clique na seta e selecione "Todos os arquivos". Pronto! Aí está ele! =D

    Código:
    <html>
    <head>
    <title> </title>
    </head>
    <body>
    <font color="#0000FF">Olá, Mundo Script! ^_^</font>
    </body>
    </html>

    Está vendo aquele novo código que eu acrescentei? Inglês nele... Font Color significa Cor da Fonte, ou seja, aquele comando serve para que a fonte tenha uma determinada cor. E, como sempre, tem o código que fecha o comando. =]
    Mas por que a cor está esquisita? E que cor é aquela?
    Bem, temos que lembrar que estamos falando de uma linguagem de computador, então é estranho mesmo. XD
    Além disso, este é um código estabelecido para que as cores possam ser reconhecidas pelos códigos no mundo inteiro, assim como os animais são reconhecidos no mundo inteiro por seus nomes científicos.

    Vou deixar aqui uma pequena lista com algumas cores e seus respectivos códigos.
    A lista completa, você pode vê-la nesse site: [Você precisa estar registrado e conectado para ver este link.]
    Tem uma coluna da tabela que diz o código em Java. Java é uma outra linguagem de computador. Quem se interessar por ela, pode aprendê-la aqui mesmo no fórum. =D

    Azul = #0000FF
    Vermelho = #FF0000
    Verde = #008000
    Amarelo = #FFFF00

    Sempre que você quiser colorir alguma letra, o código é aquele. Lembre-se de sempre colocar o código da cor entre aspas e de fechar o código ao final somente com </font>. Não é </font color>. É </font>!

    [Você precisa estar registrado e conectado para ver este link.]
    Olhe como ficou o meu código! O seu deve ficar bem parecido com esse também. ;]

    E aqui está o resultado, após o arquivo ser salvo e aberto. *-*
    [Você precisa estar registrado e conectado para ver este link.]

    Show, não é? Pois agora vamos aprender a modificar mais coisinhas.
    Segue no rolé! o/

    Vamos tentar mudar a fonte... Para isso, tudo o que devemos fazer é adicionar um comando ao comando de formatação de texto já escrito.

    Código:
    <html>
    <head>
    <title> </title>
    </head>
    <body>
    <font color="#0000FF" face="Arial Black">Olá, Mundo Script! ^_^</font>
    </body>
    </html>

    Pronto! Agora, além de cor, não precisa ser um gênio para adivinhar que também teremos uma fonte diferente. Pus Arial Black só para vocês verem melhor a diferença, mas poderia ser qualquer fonte, tal qual Verdana, Comic Sans MS, Tahoma, etc...

    Aqui está o resultado. Lindo, uma graça! =}
    [Você precisa estar registrado e conectado para ver este link.]

    Agora, o outro comando é o do tamanho das imagens! Vamos colocá-lo junto ao comando de formatação de texto.

    Código:
    <html>
    <head>
    <title> </title>
    </head>
    <body>
    <font color="#0000FF" face="Arial Black" size="4">Olá, Mundo Script! ^_^</font>
    </body>
    </html>

    Saber Inglês vai te ajudar a saber que size significa tamanho. E no número, quanto maior ele for, maior vai ser o tamanho da fonte! Lembrando que você pode ir editando os números e vendo como vai ficando o tamanho. É bem divertido. =]

    E aqui está o resultado com esse novo comando! *o*
    [Você precisa estar registrado e conectado para ver este link.]

    Bom, por essa aula, é só! Espero que tenham aprendido bastaaante e continuem treinando para terem textos sempre bem diversificados e formatados corretamente. =]

    4- Inserindo Imagens
    Spoiler:
    No tutorial no qual estou seguindo a mesma ordem dele, ele usa imagens do próprio computador, mas eu estou afim de fazer diferente. Vamos usar imagens que já estejam hospedadas na Internet, tudo bem?
    Beleza. =]

    Lembrando que, para usar imagens que já são da Internet na sua página, é só você olhar para uma imagem qualquer (Ih! Gostei dessa!), clicar nela com o botão direito e colocar em "Propriedades", caso esteja usando o Internet Explorer. Se você estiver no Firefox ou no Google Chrome, basta clicar com o botão direito e colocar para abrir em outra aba ou então puxar a figura até a barra do topo para ela aparecer em outra aba e seu endereço aparecer na barra de endereços.

    Além das imagens para o seu site, gostaria que você pegasse algum fundo para colocar no seu site.
    Alguns sites com fundos:
    [Você precisa estar registrado e conectado para ver este link.]
    [Você precisa estar registrado e conectado para ver este link.]
    [Você precisa estar registrado e conectado para ver este link.]

    Já pegou imagens legais e um fundo bem maneiro? Então vamos continuar! *o*
    Lembrando que tem que pegar o endereço desses fundos, que já estão hospedados na Internet, OK? =]
    Se você tiver imagens no seu computador e queira hospedá-las para poder usá-las na sua página, aprenda a hospedar imagens no Photobucket com um tutorial que eu farei na área de Tutoriais Diversos. ^^

    Agora que já tem os endereços e tudo o mais, abra o seu código no Bloco de Notas. =D
    E o código para colocar uma imagem está bem aí...

    Código:
    <html>
    <head>
    <title> </title>
    </head>
    <body>
    <font color="#0000FF" face="Arial Black" size="4">Olá, Mundo Script! ^_^</font>
    <img src="http://illiweb.com/fa/pbucket.gif?t=1304373948">
    </body>
    </html>

    O código não precisa ser fechado pois o comando de chamar uma imagem não tem começo nem fim, é algo imediato. Já para a fonte, é algo que começa antes do texto e termina depois dele.
    Como o endereço, eu pus uma imagem muito legalzinha. =D E você pode colocar qualquer endereço, não importa se é um endereço comprimido, estilo Twitter, ou se é um endereço enorme. O que vale é o endereço ser de uma imagem. Tem que dar direto na imagem, não no site onde a imagem está, senão não dá certo!

    Aqui como ficou a minha página! =D
    [Você precisa estar registrado e conectado para ver este link.]
    (LuiGui tá lindo! *-* Hahahaha! Mas recomendo que usem uma imagem menor.)

    Agora, vamos colocar uma imagem de fundo. Ela tem que ser mais clara que o texto, senão a leitura fica impossível.
    Pegue o endereço dela e faça assim.

    Código:
    <html>
    <head>
    <title> </title>
    </head>
    <body background="http://4.bp.blogspot.com/_BkLkHJymtxA/SgW8as6OpXI/AAAAAAAAAYE/Yb_upvJm234/s400/fundoalemao.gif">
    <font color="#0000FF" face="Arial Black" size="4">Olá, Mundo Script! ^_^</font>
    <img src="http://illiweb.com/fa/pbucket.gif?t=1304373948">
    </body>
    </html>

    Para colocar um plano de fundo de figura no corpo da sua página, deve-se substituir o código <body> por <body background="imagem">. Mas o fechamento vai continuar o mesmo: </body>.

    E aqui o resultado disso:
    [Você precisa estar registrado e conectado para ver este link.]
    (Ficou muito linds! Nossa página fica cada vez melhor! =DD)

    E essa foi a nossa aula sobre imagens e imagens de fundo. Espero que tenham gostado bastante dela! ^_^

    5- Mais algumas coisinhas
    Spoiler:
    Na aula anterior, aprendemos tudo sobre as imagens do código HTML. Como colocá-las, como colocá-las de fundo e pans...
    Vamos agora aprender umas cositas a mais, sim? Vamos nessa. ;D

    Abra o seu arquivo no Bloco de Notas, ser iluminado. =]
    Seu código, a essa altura do campeonato, deve estar bem parecido com esse:

    Código:
    <html>
    <head>
    <title> </title>
    </head>
    <body background="http://4.bp.blogspot.com/_BkLkHJymtxA/SgW8as6OpXI/AAAAAAAAAYE/Yb_upvJm234/s400/fundoalemao.gif">
    <font color="#0000FF" face="Arial Black" size="4">Olá, Mundo Script! ^_^</font>
    <img src="http://illiweb.com/fa/pbucket.gif?t=1304373948">
    </body>
    </html>

    Agora, vamos fazer uma questãozinha de vestibular. Qual é a parte desse código que se trata do texto?

    Acertou quem disse que é essa parte: <font color="#0000FF" face="Arial Black" size="4">Olá, Mundo Script! ^_^</font>

    Pois bem, vamos copiar essa linha de código e colá-la logo abaixo.
    Ficará assim:

    Código:
    <html>
    <head>
    <title> </title>
    </head>
    <body background="http://4.bp.blogspot.com/_BkLkHJymtxA/SgW8as6OpXI/AAAAAAAAAYE/Yb_upvJm234/s400/fundoalemao.gif">
    <font color="#0000FF" face="Arial Black" size="4">Olá, Mundo Script! ^_^</font>
    <font color="#0000FF" face="Arial Black" size="4">Eu amo vocês! Éssidôis e um beijinho na pontinha do nariz! =*</font>
    <img src="http://illiweb.com/fa/pbucket.gif?t=1304373948">
    </body>
    </html>

    Na segunda linha, entretanto, escreva qualquer outra coisa. Fale um pouco sobre você ou de como esse fórum é maravilindo tudibão forever.
    Ficou assim no meu:
    [Você precisa estar registrado e conectado para ver este link.]
    (É, sou eu quem estou te dando aula. XD)

    Mas esse texto parece um pouquinho confuso. Tá tudo muito grande, muito junto... Vamos dar um jeito nisso...

    Código:
    <html>
    <head>
    <title> </title>
    </head>
    <body background="http://4.bp.blogspot.com/_BkLkHJymtxA/SgW8as6OpXI/AAAAAAAAAYE/Yb_upvJm234/s400/fundoalemao.gif">
    <font color="#0000FF" face="Arial Black" size="4">Olá, Mundo Script! ^_^</font>
    <font color="#FF0000" face="Times New Roman" size="2">OEu amo vocês! Éssidôis e um beijinho na pontinha do nariz! =*</font>
    <img src="http://illiweb.com/fa/pbucket.gif?t=1304373948">
    </body>
    </html>

    Um desafio: veja quais mudanças ocorreram no código e preveja qual seria a mudança que iria acontecer. Não colocarei screenshot.

    E se você quiser fazer quebra de linhas, é só colocar o código <br>. Ao colocar <br>, você avisa ao navegador que você quer pular uma linha ali. Coloque quantos <br> quiser.

    Código:
    <html>
    <head>
    <title> </title>
    </head>
    <body background="http://4.bp.blogspot.com/_BkLkHJymtxA/SgW8as6OpXI/AAAAAAAAAYE/Yb_upvJm234/s400/fundoalemao.gif">
    <font color="#0000FF" face="Arial Black" size="4">Olá, Mundo Script! ^_^</font>
    <br>
    <font color="#FF0000" face="Times New Roman" size="2">OEu amo vocês! Éssidôis e um beijinho na pontinha do nariz! =*</font>
    <br>
    <br>
    <img src="http://illiweb.com/fa/pbucket.gif?t=1304373948">
    </body>
    </html>

    Resultado:
    [Você precisa estar registrado e conectado para ver este link.]

    E aqui acaba a nossa aula. Espero que tenham gostado das novas mudanças, da quebra de linha e da formatação que você pode fazer em cada parte do texto. Vamos agora a nossa última aula. ;D

    6- Interligações
    Spoiler:
    Na aula anterior, aprendemos mais algumas coisas sobre códigos e alguns truquezinhos novos. Já nessa nossa última aula, nós veremos como colocar links para outros sites, tanto em texto quanto em imagem. Vamos lá!

    Abra o seu código no Bloco de Notas. Ele estará mais ou menos assim:
    Código:
    <html>
    <head>
    <title> </title>
    </head>
    <body background="http://4.bp.blogspot.com/_BkLkHJymtxA/SgW8as6OpXI/AAAAAAAAAYE/Yb_upvJm234/s400/fundoalemao.gif">
    <font color="#0000FF" face="Arial Black" size="4">Olá, Mundo Script! ^_^</font>
    <br>
    <font color="#FF0000" face="Times New Roman" size="2">Eu amo vocês! Éssidôis e um beijinho na pontinha do nariz! =*</font>
    <br>
    <br>
    <img src="http://illiweb.com/fa/pbucket.gif?t=1304373948">
    </body>
    </html>

    Bom, para colocarmos um link aí, tudo o que devemos fazer é isso...

    Código:
    <html>
    <head>
    <title> </title>
    </head>
    <body background="http://4.bp.blogspot.com/_BkLkHJymtxA/SgW8as6OpXI/AAAAAAAAAYE/Yb_upvJm234/s400/fundoalemao.gif">
    <font color="#0000FF" face="Arial Black" size="4">Olá, Mundo Script! ^_^</font>
    <br>
    <font color="#FF0000" face="Times New Roman" size="2">Eu amo vocês! Éssidôis e um beijinho na pontinha do nariz! =*</font>
    <br>
    <br>
    <font color="#0000FF" face="Arial Black" size="4">Entra lá no Mundo Script!</font><br>
    <a href="http://mundoscript.xp3.biz">Clica aqui, mano!</a>
    <br>
    <br>
    <img src="http://illiweb.com/fa/pbucket.gif?t=1304373948">
    </body>
    </html>

    O código para adicionar um endereço consiste em uma parte dentro do código, onde você coloca o endereço do site e em uma parte fora do código, onde se coloca o texto a ser exibido que fará a pessoa ir para determinado site caso clicar nele.

    Resultado:
    [Você precisa estar registrado e conectado para ver este link.]

    Agora vamos fazer quase a mesma coisa só que na imagem. E vou ensinar também a colocar uma mensagenzinha para aparecer na imagem quando você passar seu mouse sobre ela.

    Para colocar link na imagem, é só fazer o mesmo processo de colocar link em texto, só que em vez de você colocar um texto do lado de fora do código, coloque o código da imagem. Assim:

    Código:
    <html>
    <head>
    <title> </title>
    </head>
    <body background="http://4.bp.blogspot.com/_BkLkHJymtxA/SgW8as6OpXI/AAAAAAAAAYE/Yb_upvJm234/s400/fundoalemao.gif">
    <font color="#0000FF" face="Arial Black" size="4">Olá, Mundo Script! ^_^</font>
    <br>
    <font color="#FF0000" face="Times New Roman" size="2">Eu amo vocês! Éssidôis e um beijinho na pontinha do nariz! =*</font>
    <br>
    <br>
    <font color="#0000FF" face="Arial Black" size="4">Entra lá no Mundo Script!</font><br>
    <a href="http://mundoscript.xp3.biz">Clica aqui, mano!</a>
    <br>
    <br>
    <a href="http://mundoscript.xp3.biz"><img src="http://illiweb.com/fa/pbucket.gif?t=1304373948"></a>
    </body>
    </html>

    O resultado não é visível em screenshots, mas podemos ainda colocar a mensagem e aí eu vejo se dá para mostrar. Para colocar uma mensagenzinha quando a pessoa passa o mouse em cima é só adicionar o comando alt dentro do comando de imagem.

    Código:
    <html>
    <head>
    <title> </title>
    </head>
    <body background="http://4.bp.blogspot.com/_BkLkHJymtxA/SgW8as6OpXI/AAAAAAAAAYE/Yb_upvJm234/s400/fundoalemao.gif">
    <font color="#0000FF" face="Arial Black" size="4">Olá, Mundo Script! ^_^</font>
    <br>
    <font color="#FF0000" face="Times New Roman" size="2">Eu amo vocês! Éssidôis e um beijinho na pontinha do nariz! =*</font>
    <br>
    <br>
    <font color="#0000FF" face="Arial Black" size="4">Entra lá no Mundo Script!</font><br>
    <a href="http://mundoscript.xp3.biz">Clica aqui, mano!</a>
    <br>
    <br>
    <a href="http://mundoscript.xp3.biz"><img src="http://illiweb.com/fa/pbucket.gif?t=1304373948" alt="Clicando aqui, você vai para o fórum Mundo Script!"></a>
    </body>
    </html>

    Resultado:
    [Você precisa estar registrado e conectado para ver este link.]

    O meu navegador é de uma versão antiga, logo a imagem saiu assim, com essa borda. Geralmente não é assim. E só pus o mouse em cima para mostrar a mensagenzinha. Aquela partezinha do canto superior direito sempre aparece quando você coloca o mouse sobre imagens no Internet Explorer.

    E é isso! Acabou a aula! Aliás, acabaram-se todas... Espero que tenha aprendido muuuito! *-*


    Gostaria de agradecer ao pessoal daqui por ser supergente fina e também agradeço a todos que lerem e seguirem esse tutorial.
    Ele foi feito com muito carinho e aqui tem muitas coisas bem legais para quem quer seguir no caminho do HTML. *-*

    • Créditos ao Agente Esteves por criar o tutorial e a mundo script.

      Data/hora atual: Qua Maio 23, 2018 11:10 pm