Olá Amigos e membros do forum AQW Imperadores, estou aki so pra falar sobre o futuro do forum. Como sabem, eu Nao estou mais jogando devido ao meu char que foi banido a um tempo atras, e desisti de recuperar, entao nao tenho mais motivos nem animo pra manter o forum atualizado, entao como ja devem ter notado,ele esta abandonado. os posts e todo conteudo nao apagarei, muito menos o forum, ate pq nao consigo acabar com toda essa nossa trilhagem. entao se alguem ainda quizer entrar e postar, ajudar seus amigos aki postando atualizaçoes, estarei dando permissao para todos postarem, diante das regras claro. quem se mostrar mto ativo, estarei dando admin para cuidarem da ordem, e tentarem levantar o imperio novamente. se conseguirem, estarei passando a liderança para ele e junto. o poder do painel de controle. entao quem quizer ajudar, so registrar e postar, estarei me notificando dos posts pelo meu Celular e verei os membros q estao se destacando e esforçando. quem conseguir levantar o forum, tambem estarei doando 2mil acs quando ele estiver ativo novamente. Desde ja agradeço a toda familia Imperadores. amo muito isso aki e todas as amizades aki feitas. Mais a vida continua, e nao vo ser egoista prendendo este forum pro esquecimento. Bom Jogo e bom trabalho. Que o imperio se Erga aki.

Votação

Qual cor Voce queria Que fosse o Proximo Tema do Forum?
29% 29% [ 23 ]
26% 26% [ 21 ]
18% 18% [ 14 ]
18% 18% [ 14 ]
10% 10% [ 8 ]

Total dos votos : 80

.::Registre-se no 4Shared::.


.::PROBLEMAS COM DOWLOAD?::.

Como ja Devem ter notado, o forum esta com a maioria dos links de Bots,XMLS,SPT's Entre outros, Hospedados no 4SHARED, Entao para voce usurfruir Sem Problemas de Todo o Conteudo do forum, REGISTRE-SE NO 4SHARED Para Baichar nosso Conteudo!

VISITAS DO FORUM

Quantas Pessoas Ja visitaram o Forum:
Contador de Visitas

~MENU~


INICIO
LOGIN
MENSAGENS(MP)
HACKERS/BOT'S
XML'S/SPT'S
PERFIL
CHAT ONLINE
TV ONLINE
JOGAR AQW
AULAS DESIGN
RELEASES
BLOG IMPERADORES

__________

contador

Parceiros

.::PARCEIROS::.





Quer Parceria? Copie e cole o codigo abaicho em uma area VISIVEL do seu forum. Depois Informe Aqui

.::Faça uma Doaçao ao Forum::.

.::DOAÇOES::.
Doe Para Podermos Melhorar o Forum e Comprar um Dominio ''.COM" Veja como Doar Clicando Aki

.::Saldo Atual::.
R$6,89 / 15,00
Ou Clicando no Botao Abaicho:

Veja oque Voce Ganha Sendo um Doador Clicando Aki.

    TUTORIAL BASICO DO HTML [Parte 1]

    Compartilhe

    FelipeWinchester
    FUNDADOR MASTER

    FUNDADOR MASTER

    Mensagens : 737

    Mochila
    Pedras do Fogo Pedras do Fogo: ¹°°°°''

    TUTORIAL BASICO DO HTML [Parte 1]

    Mensagem por FelipeWinchester em Seg 26 Dez - 18:06


    Salve Galera, Vou trazer a voces um Tutorial Basico do Html!
    Gostou, se interesou? Entao pega seus oculos fundao de garrafa e sua chicara com marquinha de batom (Igual a do Hit rsrs)e Bora Estudar:

    Aperte SPOILER Para Exibir o conteudo:
    Spoiler:


    Introdução ao HTML

    Todo documento HTML é composto de Tags. Este é o nome dados aos comandos HTML. Você deve começar sua página com a tag , na primeira linha do código, e terminar com na última linha do documento. Perceba que a barra "/" sinaliza o fechamento da tag. Este fechamento é necessário para que ela possa ser interpretada pelo navegador. A estrutura das tags é formada por:

    : Este é o inicio da tag;*
    : Este é o fechamento da tag para que ela possa funcionar.**

    * xxx é apenas uma representação de uma tag, não é uma tag HTML.
    ** Algumas tags não necessitam do fechamento. Neste caso você será avisado.

    Entre o início da tag e o seu fechamento ficam os textos, parâmetros, atributos e até outras tags que vão formando a sua página. Se você não fechar corretamente as tags, a página não irá ser mostrada direito ou nem mesmo irá aparecer.

    Após iniciar o documento com a tag você deve incluir o cabeçalho que é feito com as tags . E também um título usando o par ... . Geralmente, o título não é mostrado na página, porém os navegadores o utilizam para entitular a janela de visualização. Coloque um título bem claro e explicativo para seus documentos.

    - A tag

    O "corpo" do documento deve ser demarcado pelo par ... . Nesta parte do documento serão colocados todos os comandos para apresentação de uma página HTML. Entre as tags e é que você vai colocar todos os códigos para sua página.

    Um documento simples seria digitado da seguinte maneira:



    Meu documento HTML


    Aqui você coloca os comandos em HTML.



    Os espaços em branco são ignorados quando o navegador "lê" o código. Assim o código acima poderia ser escrito da seguinte forma:

    Meu documento HTML Aqui você coloca os comandos em HTML.

    A vantagem é que isto economiza espaço em disco, mas é uma maneira muito confusa e relaxada de programar. Acostume-se a organizar seus programas para poder entendê-los posteriormente.

    - Atributos do

    Através de atributos de , podemos definir cores para os textos, links e para o fundo das páginas, bem como uma imagem de fundo (papel de parede da página):



    Onde:

    - BGCOLOR
    Cor de fundo (padrão: cinza ou branco)

    - TEXT
    Cor dos textos da página (padrão: preto)

    - LINK
    Cor dos links (padrão: azul)

    - ALINK
    Cor dos links, quando acionados (padrão: vermelho)

    - VLINK
    Cor dos links, depois de visitados (padrão: azul escuro ou roxo)

    - BACKGROUND
    Imagem de fundo. Saiba como colocar uma imagem de fundo clicando aqui.

    Em "cor", você pode colocar os valores de cores em inglês como:

    Preto = black
    Branco = white
    Azul = blue
    Amarelo = yellow
    Vermelho = red

    Você também pode usar o valor hexadecimal de cores ou "RRGGBB", que é a forma mais comum de definir cores usadas na Internet.. Com isso você pode colocar em sua página outras cores diferentes, como um azul-claro. Para isso você deve ter o código das cores, e no lugar de escrever o nome da cor em inglês, você coloca o valor da cor

    Algumas cores disponíveis RRGGBB (hexadecimal):

    Cor - Código HTML

    PRETO - #000000
    BRANCO - #FFFFFF
    VERMELHO - #FF0000
    VERDE - #00FF00
    AZUL - #0000FF
    ROSA - #FF00FF
    AMARELO - #FFFF00

    Agora que você já aprendeu como é o arquivo HTML básico , pode começar a ver tags. Elas ficam após o comando , no meio do seu texto. Após você já pode começar a escrever o que quiser. Há duas formas de formatar o seu texto:

    - Tags de título - "Headings"

    Com elas você pode apenas definir o tamanho das letras, mas não o tipo de fontes. Veja agora como ficam as tags "headings" para cabeçalhos que vão do tamanho 1 até 6.

    Este é o primeiro nível


    Este é o segundo nível


    Este é o terceiro nível


    Este é o quarto nível


    Este é o quinto nível

    Este é o sexto nível




    Este é o primeiro nível


    Este é o segundo nível


    Este é o terceiro nível


    Este é o quarto nível


    Este é o quinto nível


    Este é o sexto nível


    - Tag

    - Você pode também usar as tags de fonte no lugar das tags de "headings". Este tipo de tag é a mais usada, pois você pode definir mais facilmente o tamanho do texto e fonte que você deseja, e personalizar ainda mais a sua página. A tag é , e dentro dela você pode definir vários parâmetros, como cor, tamanho e tipo de letra. Veja agora como usar as tags de fontes:

    - Atributo FACE

    - FACE:
    Uma evolução que permite a escolha da fonte (tipo de letra) para os textos, a tag é feita assim:

    Texto

    Exemplo:

    Fonte Times New Roman
    Fonte Times New Roman

    Fonte Arial
    Fonte Arial

    Fonte Courier New
    Fonte Courier New

    - Atributo COLOR e SIZE

    - COLOR e SIZE:
    Atributos cor e tamanho:

    A palavra terá o tamanho 3
    A palavra terá o tamanho 3

    A palavra terá a cor vermelha
    A palavra terá a cor vermelha.

    Podemos também combinar as tags acima:

    Palavra com tamanho 3 e em vermelho

    O resultado final será:
    Palavra com tamanho 3 e em vermelho
    Formatando textos

    Você pode formatar o texto, colocando-o em negrito, itálico, sublinhado e centralizado. Assim:

    - Tags , , e

    Texto - Texto fica em Negrito.

    Texto - Texto Sublinhado.

    Texto - Texto em Itálico.



    Texto
    Texto centralizado.
    Os códigos também podem ser escritos uns sobre os outros, acumulando seus efeitos, como por exemplo:

    Teste 1 e Teste 2


    O resultado é:

    Teste 1 e Teste 2
    Parágrafos

    - Tag

    - Parágrafos:

    Em HTML são necessários comandos para definir parágrafos. Não basta você simplesmente pressionar "ENTER" para que a linha vá para baixo, como em editores de texto comuns. Você terá que colocar uma tag para um parágrafo ou para uma linha nova.

    Para fazer um parágrafo novo, basta colocar a tag

    . Por exemplo, escreva no editor o seguinte, deste jeito:

    Parágrafo 1

    Parágrafo 2.

    O resultado será este:

    Parágrafo 1

    Parágrafo 2

    - Tag
    - Linhas

    Como você pode ver, o navegador mesmo faz um parágrafo novo cada vez que você coloca esta tag. Caso você queira simplesmente mudar de linha, ao invés de mudar de parágrafo, coloque a tag
    . Por exemplo, escreva:

    Parágrafo 1
    Linha 1

    Parágrafo 2
    Linha 2.
    O resultado será este:

    Parágrafo 1
    Linha 1

    Parágrafo 2
    Linha 2



    Spoiler:


    - Alinhamento de textos com a tag



    Os parágrafos também podem ter atributos para o alinhamento dos textos. Basta apenas incluir depois do "P" o parâmetro "align=tipo de alinhamento". Os atributos são:

    - Left: Alinhamento à esquerda
    - Rigth: Alinhamento à direita
    - Center: Centralizado
    - Justify: Texto justificado (Só funciona em navegadores versão 4 ou superior)

    Para incluir um destes atributos é simples. Veja os exemplos:


    Texto alinhado à esquerda



    Texto alinhado à direita


    Texto centralizado


    Texto justificado


    Incluindo imagens

    Agora que você já sabe incluir e formatar os textos de sua página, é possível que você queira dar mais vida à sua página, incluindo imagens e fundos nela.

    Você faz as imagens em programas separados, em seu editor gráfico preferido. Ou pode usar imagens de outros sites. Mas os formatos ideais para home pages são GIF e JPG. Você não poderá usar o formato BMP.

    A tag para inserir uma imagem em sua página é a seguinte:



    Em "imagem que vai aparecer" você coloca o nome da imagem .gif ou .jpg ou o URL onde ela está para ser mostrada. Na verdade, apenas já seria o suficiente, mas com o tempo você vai precisar usar os outros atributos.

    - Atributos de Imagem

    - Width e Height
    São os atributos de largura e altura da imagem (Width: Largura da imagem - Height: Altura da imagem). Se você não incluí-los, não se preocupe. A imagem vai aparecer assim mesmo. Mas definindo os tamanhos da imagem ela carregará mais rápido.

    Outra vantagem em usar o Width e Height é que você pode diminuir ou aumentar o tamanho de uma figura como você desejar, porém não recomendamos que você redimensione as imagens com esta opção. Se você quiser ter uma imagem menor, use um editor de imagem pra diminuir o tamanho dela, a imagem ficará mais bonita e também será mais leve para carregar. Se você tem uma página com galeria de imagens e uma "pré-vizualização" delas menores, sempre crie uma imagem menor com o editor de imagens, nunca use a imagem "maior" redimensionada, ela vai demorar muito a carregar e a vizualização não ficará boa.

    - Alt
    Texto alternativo. A função é apresentar um texto no lugar da imagem, enquanto esta ainda não apareceu.

    - Border
    Tamanho da borda da imagem. Os navegadores colocam uma borda na figura se este atributo estiver com um valor maior que zero. A vantagem é ocultar a borda que aparece e que indica que há um link em volta das figuras clicáveis. Muitas vezes esta borda faz a imagem ficar feia, quando o valor atribuído é zero. Veja um exemplo de imagem com borda igual a zero:




    Agora veja a mesma imagem com uma borda igual a 2:


    Uma tag de imagem com os atributos acima combinados ficaria assim:



    Um exemplo:


    O resultado é:


    - Dicas e Formato de Arquivos de imagem

    - TAMANHO EM Kb:
    Evite ao máximo colocar imagens maiores do que 30Kb em sua página pois, quanto mais arquivos tiver e quanto maiores eles forem, mais lenta será a transfência, não é bom ter imagens "pesadas" na página, isso só vai tornar o carregamento mais demorado e os visitantes podem acabar desistindo de esperar. Procure organizar e dividir as imagens em seu site de modo que ele não fique muito pesado, nem sempre agrada aos visitantes ter muitas imagens.

    - PROGRAMAS:
    É essencial que seja escolhido um bom programa de edição de imagens para que seu site tenha uma boa apresentação gráfica. Entre os mais usados estão o Corel Draw, Adobe Photoshop e Paint Shop Pro.

    - O FORMATO GIF:
    Formato dominante na Internet, o GIF é um tipo de arquivo gráfico relativamente compacto (quando comparado com o BMP por exemplo) e o GIF pode ser transparente, não transparente ou animado.

    Um GIF transparente é aquele onde uma cor pode ser escolhida para ser transformada em transparente quando vista por um navegador e mostrar o que há embaixo. Os programas que são mais usados para criar gifs e permitem que se crie transparências são o Photoshop e o Fireworks.

    Os GIFS animados são aqueles que têm movimento. Nada mais são que uma seqüência de GIFS previamente preparados. O criador do GIF animado, usando um programa como o GIF Animator, escolhe as imagens que formarão a seqüência que dará a idéia de movimento.

    - O FORMATO JPEG (jpg):
    Grandes fotos geralmente são salvas neste formato pois, nestes casos, se consegue reduzir bastante o tamanho em bytes da imagem, sem prejudicar sua qualidade. É aconselhável, antes de mandar um arquivo GIF grande para Web, testar como ficaria se salvo como JPG.

    - O FORMATO BMP:
    Esses bitmaps, apesar de muito utilizados no Windows, são muito pesados para a Web. Se quiser colocar alguma imagem que estiver neste formato, save-a antes como GIF ou JPG usando um editor de imagens como o Paint Shop Pro, Photoshop ou FireWorks.

    Duvidas? Pergunte.





    Copiar é Permitido, Contando que Contenha os Merecidos Creditos ao Forum! (Caso Nao Tenha os Devidos Creditos,Estarei Iniciando uma Guerra contra o Forum ou Blog Copiando Tal Conteudo sem Creditos!)




    .::Mini [b]Imperadores::.[/b]
    Spoiler:






    Se você é capaz de sorrir quando tudo deu errado, é porque já descobriu em quem pôr a culpa.

    Novo Video, Assista Clicando
    AQUI!

    รи๏w
    MEMBRO CHEFE

    MEMBRO CHEFE

    Mensagens : 168

    Mochila
    Pedras do Fogo Pedras do Fogo: 0

    Re: TUTORIAL BASICO DO HTML [Parte 1]

    Mensagem por รи๏w em Qui 29 Dez - 14:35

    eu meio que aprendi isso ai sozinho mais ajudou tbm vlw Very Happy

      Data/hora atual: Qua 7 Dez - 17:13