Seja Bem Vindo ao Impact Info!

Aqui você pode esclarecer suas duvidas, não só duvida mais problemas, sugestão para o fórum.
Não perca tempo cadastre-se já. Nois iremos nos sentir honrado se você se cadastrar-se. Chame seus amigos, amigos de amigos para vir participar do nosso fórum.
Espero que tenham gostado, sigam as regras do fórum, e todos nós da equipe desejamos a todos Bem vindo, e também desejamos que tenha um bom aproveitamento do fórum, que venha usar este fórum com boas intenções, e que Goste.

Volte Sempre.
twitter
Buscar
 
 

Resultados por:
 


Rechercher Busca avançada

Últimos assuntos
» Star Destiny WyD #Divulgação
Seg Out 21, 2013 6:14 pm por megabasz

» Dungeon Pt
Ter Out 08, 2013 6:55 am por paulomara

» Cabal KINGDON EP5
Qua Set 18, 2013 8:25 pm por [dv]-stop

» :: Brinks Priston Tale ::
Seg Mar 11, 2013 2:14 pm por dbocrg

» [APP] Jornada na Galaxia
Qua Jan 09, 2013 9:56 pm por Geovany Valverde

» Visitas Gratis a seu Site
Qui Jun 23, 2011 2:09 am por GILBERTO CARLOS RODRIGUES

» [LOG] Manutenção!
Ter Mar 15, 2011 2:51 pm por ADM-ImpacT

» [Recrutamento] Recrutamos Estagiários!
Ter Mar 15, 2011 2:27 pm por ADM-ImpacT

» [Detonado/XBox360]Wanted:Weapons Of Fate
Ter Mar 15, 2011 2:25 pm por ADM-ImpacT

» Arma ANCT- Wyd
Ter Mar 15, 2011 2:25 pm por ADM-ImpacT

» [Video Aula]Intels Call Of Duty: Modern Warfare 2
Ter Mar 15, 2011 2:24 pm por ADM-ImpacT

» Como baixar video do youtube!
Ter Mar 15, 2011 2:23 pm por ADM-ImpacT

» [Aviso] Voltando a ativa do fórum!
Ter Mar 15, 2011 2:11 pm por ADM-ImpacT

» NeW cabal FUrYA ONline
Qui Mar 10, 2011 12:45 am por abelpk

» [Ausência] Pequena ausência
Ter Fev 15, 2011 4:55 am por Renan12


[Tutorial/Informática] HTML avançado.

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

[Tutorial/Informática] HTML avançado.

Mensagem por ADM-ImpacT em Seg Ago 30, 2010 5:21 am

Curso de HTML





Bem, primeiro, eu quero dizer que, este é um curso básico de HTML, por isso, eu vou direto ao assunto.

Esse curso foi feito para você que, é novo na Internet e quer fazer um site. Depois que você terminar o curso, eu sugiro que você faça um site, pode ser um site simples, pequeno, mas faça. Tenho certeza que se você aprender essa linguagem você vai criar sites sozinho! Coloque em prática o que você aprendeu.

Bem, vamos ao que interessa, o curso.



Um site possui um código- fonte, normalmente escrito no Bloco de notas do Windows. Este código fonte é escrito em alguma linguagem para web, que é normalmente o HTML. O browser (programa que você utiliza para navegar na internet, como o Internet Explorer, Netscape, etc.) interpreta esse código, e assim, ele cria um site. Ou seja, esses códigos são como instruções que o browser lê e cria o site, para que o usuário possa vê- lo. Para Ter um exemplo de código fonte, clique em exibir, código fonte.

O que você precisa para criar um site, é conhecer esses códigos e fazer com que o browser o interprete.

Primeiro vamos conhecer as tags. As tags, são inicialmente escritas com o sinal < e fechadas com o sinal >, ficando . As tags são formadas em pares, ou seja, uma abre, e a outra fecha, sendo que, a que fecha tem o sinal de / dentro dela, por exemplo: abre: fecha: . Por exemplo, a tag indica que tudo o que estiver escrito entre elas ficará sublinhado. Exemplo: Texto sublinhado . Ficaria assim: Texto sublinhado. Resumindo, um código fonte, é formado por tags, e, cada uma tem sua função, e à seguir, você vai ver as principais tags que formam um site, e aonde coloca- las.

Agora, que você já sabe o que é tags, vamos aprender onde coloca- las, e as principais tags para fazer um site, tipo assim, as tags base, que todo site tem que te- las.

Bem, primeiro, vá no menu "iniciar", "programas" , "acessórios", "bloco de notas"(ou note pad). Vai abrir o bloco de notas. Lá você vai colocar as tags exatamente como estão aqui:

Código:
<HTML>

<HEAD>

<TITLE></TITLE>

</HEAD>

<BODY>

</BODY>

</HTML>

HTML: indica que tudo o que estiver entre ela, será um site.

HEAD: indica que dentro dela você pode colocar o titulo da página.

TITLE: Lá fica o titulo da sua página, aquela que no topo do browser, aquela frase que fica ao lado no "Microsoft Internet Explorer".

BODY: Dentro dela fica o corpo da página, os textos, as tabelas, os scripts, etc.

Depois que você fez isso, escreva exatamente isso entre a tag :

Meu primeiro trabalho em HTML, ficando assim:

Código:
<HTML>

<HEAD>

<TITLE> O titulo que você quiser</TITLE>

</HEAD>

<BODY>

Meu site!!!! Oba!!!

</BODY>

</HTML>

Note que, entre as tags está escrito "O titulo que você quiser", quer dizer que lá você coloca o titulo do seu site. Muito bem, agora, você salva o documento como site.html. É IMPORTANTE SABER QUE VOCÊ TEM QUE COLOCAR A EXTENÇÃO .HTML<br /><br />Abra o documento novamente e veja como ficou... NOSSA, QUE EMOÇÃO, NÃO SEI SE VOU CONSEGUIR RESPIRAR(heuheuheuheu). Agora, para alterar o site, faça como descrito antes: abra o seu site, clique em exibir, código fonte. Lá vai abrir o bloco de notas, do geitinho que você deixou... Se não conseguiu, tente de novo, e, se mesmo assim, me mande um e- mail. <br /><br />Agora vamos saber como mudar o fundo do seu site, e o que são parâmetros. Parâmetros são códigos que ficam dentro da tag. Ou seja, parâmetro não é tag, é um código que fica dentro dela. Vamos ver como modificar o fundo do site. São dois tipos, o fundo normal, que é feito por cor, e o fundo que ao invés da cor, é utilizado uma imagem. Para modificar o fundo, é simples, dentro da tag <BODY> use o parâmetro BGCOLOR, ficando <BODY BGCOLOR= "cor de fundo em inglês"> Onde está "cor de fundo em inglês", você deve colocar a cor que você quer que seja o fundo do site, mas em inglês, se quer fundo vermelho, coloque <BODY BGCOLOR= "red">.<br /><br />A Segunda opção é colocar uma imagem de fundo, cujo parâmetro é BACKGROUND( <BODY BACKGROUND= "endereço da imagem">). Deve ser utilizado, se você não quiser utilizar cor, e sim uma imagem. Veja os parâmetros configurados:<br /><br />1. SE QUISER O FUNDO EM CORES: <BODY BGCOLOR= "cor do fundo em inglês"> Onde está escrito "cor de fundo em inglês", você coloca a cor desejada em inglês.<br /><br /> 2. Se quiser o seu site com imagem de fundo escreva <BODY BGCOLOR= "endereço da imagem"> . <br /><br /><br />Se você chegou até aqui, parabéns. Agora vamos saber sobre as tags de formatação de texto e de alinhamento. São essas:<br /><br />FONT: Uma importante tag do HTML, com ela você pode definir o tamanho do texto, a fonte e a cor somente configurando seus parâmetros. Abaixo você vê os parâmetros dela e as funções:<br /><br />FACE: Nele você define a fonte.<br /><br />SIZE: Define o tamanho do texto.<br /><br />COLOR: Define a cor utilizada, mas em inglês, ou seja, para configurar a cor, você a coloca em inglês.<br /><br />Veja a tag FONT com os parâmetros configurados:<br /><br /><FONT SIZE= "2" COLOR= "red" FACE= "verdana"> O que você quiser escrever</FONT> Ficaria assim: o que você quiser escrever<br /><br />Agora vamos aprender a tag de alinhamento: DIV (<DIV ALIGN="..."></DIV><br />). Outra tag de muita importância no HTML, ela serve para o alinhamento do texto. Você pode centralizar o texto, alinhar para a direita e para a esquerda. Se quiser alinhar para a esquerda, escreva: <DIV ALIGN= "left"> Texto para a direita</DIV>. Left, em inglês significa esquerda. Para a direita você faz: <DIV ALIGN= "right"> Texto para a direita</DIV>, e para o centro é a mesma coisa( center).<br /><br />Veja algumas tags de formatação:<br /><br /> <br /><br /><BR></BR> Essa tag indica uma quebra de linha. Cada uma que você faz, vai aparecer uma linha em branco no seu site.<br /><br /><B></B> Todo o texto entre elas ficará em negrito. Exemplo: <BR>negrito</B> Resulta em : negrito.<br /><br /><DEL></DEL> Todo o texto entre elas, ficará tachado. Exemplo: <DEL>texto</DEL> Resulta: texto.<br /><br /><I></I> Todo o texto entre elas ficará em itálico. <I>Texto</I> Resulta: Texto.<br /><br /><U></U> O texto entre elas fica sublinhado. <U>Sublinhado</U> Fica: Sublinhado.<br /><br /><SUB></SUB> O texto fica subscrito. <SUB>texto subscrito</SUB> Resulta em: texto subscrito.<br /><br /><SUP></SUP> O texto fica sobrescrito. <SUP>sobrescrito</SUP>. Fica: sobrescrito.<br /><br /> <br /><br />Essas são algumas das muitas tags de formatação, depois, no final do curso, disponibilizarei outras tags de formatação, entre outras coisas... <br /><br /><br />Agora, vamos aprender o que são links e como usá- los. Link é todo texto que pode ser clicado. Link é todo texto, que, quando clicado pode te levar para qualquer outra página de um site. Ai está um exemplo de link: clique aqui.<br /><br />A tag utilizada é A HREF (<span style="color:#f00">[Você precisa estar <a href="/profile.forum?mode=register&/register?redirect=%2Ft183-tutorial-informatica-html-avancado">registrado</a> e <a href="/login.forum?/login?redirect=%2Ft183-tutorial-informatica-html-avancado">conectado</a> para ver este link.]</span>). Onde está "endereço da pagina..." você coloca o endereço dela, por exemplo, se o link der no site da UOL, você coloca <span style="color:#f00">[Você precisa estar <a href="/profile.forum?mode=register&/register?redirect=%2Ft183-tutorial-informatica-html-avancado">registrado</a> e <a href="/login.forum?/login?redirect=%2Ft183-tutorial-informatica-html-avancado">conectado</a> para ver este link.]</span> . <br /><br />Se você colocar o parâmetro TARGET(<span style="color:#f00">[Você precisa estar <a href="/profile.forum?mode=register&/register?redirect=%2Ft183-tutorial-informatica-html-avancado">registrado</a> e <a href="/login.forum?/login?redirect=%2Ft183-tutorial-informatica-html-avancado">conectado</a> para ver este link.]</span>), você especifica onde será aberto o endereço do link, por exemplo, se você colocar "_blank" depois do TARGET, você diz que o endereço citado será aberto em uma nova janela. Por exemplo: <span style="color:#f00">[Você precisa estar <a href="/profile.forum?mode=register&/register?redirect=%2Ft183-tutorial-informatica-html-avancado">registrado</a> e <a href="/login.forum?/login?redirect=%2Ft183-tutorial-informatica-html-avancado">conectado</a> para ver este link.]</span> Resulta em: <span style="color:#f00">[Você precisa estar <a href="/profile.forum?mode=register&/register?redirect=%2Ft183-tutorial-informatica-html-avancado">registrado</a> e <a href="/login.forum?/login?redirect=%2Ft183-tutorial-informatica-html-avancado">conectado</a> para ver este link.]</span><br /><br /><br /><strong>Tabela com esquinas arredondadas</strong><br /><br />Nesta artigo prático de HTML vamos criar uma tabela com as esquinas arredondadas, que poderá servir para destacar alguma informação no texto ou criar uma barra de links lateral um pouco mais vistosa. Abaixo aparece uma tabela como a que pretendemos conseguir.<br /><br />O exemplo não é nada complexo. Simplesmente cria-se uma tabela normal, na qual colocamos em cada uma de suas esquinas um gráfico que faz a forma arredondada. Os gráficos que utilizamos nesta ocasião têm uma parte com cor e outra transparente. A parte com cor é a que desenha a borda arredondada e a parte transparente deixa ver a cor de fundo que tivermos colocado na tabela. As imagens podem ser vistas em seguida. Para salvá-las utilize o botão direito do mouse em cima da imagem e selecione a opção que põe "Salvar imagem como..." ou algo parecido.<br /><br />Imagen de la esquina superior izquierda Imagen de la esquina superior derecha<br />Imagen de la esquina inferior izquierda Imagen de la esquina inferior derecha<br /><br />Em nosso exemplo, criamos imagens que têm a parte não transparente de cor branca, que corresponde com a cor de fundo da página onde queremos colocar a tabela. Se quisermos colocar uma tabela como esta sobre um fundo diferente do branco, deveríamos criar uns gráficos que tenham a mesma cor que o fundo, no lugar do branco.<br /><br /> <br />Esta tabela tem outra cor de fundo, mas foi criada com as mesmas imagens que a tabela anterior.<br /><br /> <br /> <br />O bom de que a outra cor utilizada na imagem seja transparente é que a tabela que criamos pode ter a cor de fundo que desejarmos. Esta outra tabela abaixo foi criada com as mesmas imagens do exemplo e, como se pode ver, tem outra cor de fundo que a anterior.<br /><br />Criação da tabela<br /><br />Agora vamos estudar o código HTML que precisamos para criar esta tabela com esquinas arredondadas. Provavelmente com outro código HTML mais simples também se poderia construir.<br /><br />A tabela que utilizamos contem várias células dispostas em duas filas e três colunas. Nas células das esquinas da tabela colocamos as quatro imagens que fazem o efeito das bordas arredondadas. Para certificarmos de que a colocação das imagens é a correta -procurando que as imagens fiquem coladas nas esquinas da tabela-, utilizamos os atributos que servem para alinhar o conteúdo da célula: align para o alinhamento horizontal e valign para o vertical.<br /><br />Na célula do centro é onde colocamos o corpo da tabela, com todo o texto que queremos que vá dentro, suas imagens, etc. O único detalhe a assinalar é que expandimos a célula central para que ocupe duas filas, com rowspan=2.<br /><br /><table width=300 cellspacing=0 cellpadding=0 bgcolor="#333399" border=0 align="right"><br /><tr><br /><td width=11 valign="top" align=left><img src="images/sup-izq.gif" width=11 height=11></td><br /><td rowspan=2><br /><font color="#ffffff" face="verdana,arial,helvetica" size=1><br /><br><br /><b>Tabela com esquinas arredondadas </b><br /><br><br /><br><br />Corpo da tabela. Podemos colocar o texto que desejarmos, que a tabela crescerá em altura suficiente para contê-lo.<br /><br><br /><br><br /></font><br /></td><br /><td width=11 valign="top" align=right><img src="images/sup-der.gif" width=11 height=11></td><br /></tr><br /><tr><br /><td width=11 align=left valign=bottom><img src="images/inf-izq.gif" width=11 height=11></td><br /><td width=11 align=right valign=bottom><img src="images/inf-der.gif" width=11 height=11></td><br /></tr><br /></table><br />Se alguém deseja utilizar este código para criar suas próprias tabelas, deverá modificar unicamente poucos dados:<br /><br /> * Texto do corpo da tabela<br /> * Color de fondo de la tabela <br /><br /><br /><strong>As cores</strong><br /><br /><br />As cores possuem um papel muito importante na composição de webs. São indicadas em valores RGB, ou seja, que para conseguir uma cor qualquer misturaremos quantidades de Vermelho, Verde e Azul.<br /> Os valores RBG são indicados em numeração hexadecimal, em base 16. (Os dígitos podem crescer até 16). Como não existem tantos dígitos numéricos se utilizam as letras da A à F.<br /><br />0=0 4=4 8=8 C=12<br />1=1 5=5 9=9 D=13<br />2=2 6=6 A=10 E=14<br />3=3 7=7 B=11 F=15<br /><br /> Para conseguir uma cor, misturaremos valores desta maneira:<br />RRGGBB<br />Onde cada valor pode crescer desde 00 até FF.<br /><br />Exemplo: Como se mudaria a fonte para escrever em vermelho:<br /><font color="#FF0000">Vermelho</font><br /><br />Ao Atributo cor lhe damos um valor RGB em formato hexadecimal. O caractere # se coloca ao princípio da expressão.<br /><br />Outras cores:<br />Laranja #FF8000<br />Verde turquesa #339966<br />Azul escuro #000080<br /><br />Cores compatíveis em todos os sistemas<br /><br /> Como as páginas web têm que ser vistas por todos os usuários, e os sistemas que utilizam para entrar são distintos, há que utilizar cores compatíveis com a paleta de todos eles.<br /> A forma de conseguir isto é limitando nossas cores aos que se podem conseguir utilizando a seguinte norma:<br /><br />Utilizaremos sempre<br />estes valores:<br />00<br />33<br />66<br />99<br />CC<br />FF<br /><br />Exemplos: #3366FF #FF9900 #666666<br /><br />====================================<br /><br /><strong>Origem: </strong><span style="color:#f00">[Você precisa estar <a href="/profile.forum?mode=register&/register?redirect=%2Ft183-tutorial-informatica-html-avancado">registrado</a> e <a href="/login.forum?/login?redirect=%2Ft183-tutorial-informatica-html-avancado">conectado</a> para ver este link.]</span></div></div><div class="signature_div" id="sig238"><br /><center><img src="http://i34.servimg.com/u/f34/15/34/13/31/ass10.png"/></center><br /><br /><br /><br /><br /><div align="center"><img src="http://i24.servimg.com/u/f24/15/34/13/31/sing10.png" alt="" /><br /><br /><br /><br /><br /><br /><br /><img src="http://i24.servimg.com/u/f24/15/34/13/31/sem-ta10.gif" alt="" /><br /><br /><br /><font color="blue"><strong>Siga as Regras do Forum!</strong></font><br /><br /></div><font color="green">-></font> Antes de Perguntar, Procure no Forum;<br /><font color="green">-></font> Respeite todas as regras do fórum, principalmente a <span style="color:#f00">[Você precisa estar <a href="/profile.forum?mode=register&/register?redirect=%2Ft183-tutorial-informatica-html-avancado">registrado</a> e <a href="/login.forum?/login?redirect=%2Ft183-tutorial-informatica-html-avancado">conectado</a> para ver este link.]</span>. <br /><font color="green">-></font> Não Fazer Spam;<br /><font color="green">-></font> Respeitar os Outros Membros Bem Como as Ordens dos membros da Staff;<br /><font color="green">-></font> Não Usar "CAPS LOCK" na Mensagem Toda;<br /><font color="green">-> </font>Não Fazer Pedidos Sem Antes Ter os Requisitos Necessários;<br /><font color="green">-></font> Por Ultimo... DIVIRTAM-SE E DESFRUTE Wink<br /><br /><strong>Equipe Impact Info Agradeçe.</strong></div></div><div class="postprofile" id="profile238"><!-- div class="online2"></div--><dl><dt><a href="/u1"><img src="https://imgfast.net/users/3213/12/67/28/avatars/1-95.jpg" alt="avatar" /></a><br /><strong style="font-size:1.2em"><a href="/u1"><span style="color:#F01313"><strong>ADM-ImpacT</strong></span></a></strong></dt><dd><strong><font color="#116206">Fun</font>dador</strong><br /><img src="http://i74.servimg.com/u/f74/15/34/13/31/ger10.gif" alt="Fundador" title="Fundador" /><br /></dd><dd><br /></dd><dd><span class="label"><span style="color:#000000;">Possui uma secção Info?</span> : </span> Não<br /><span class="label"><span style="color:#000000;">Idade</span> : </span> 28<br /><span class="label"><span style="color:#000000;">Warning</span> : </span> <img src="http://i76.servimg.com/u/f76/11/66/91/15/11101010.png" alt="''Sem Warning''" title="''Sem Warning''" /><br /><span class="label"><span style="color:#000000;">Mensagens</span> : </span> 312<br /><span class="label"><span style="color:#000000;">Medalha</span> : </span> <img src="http://i24.servimg.com/u/f24/15/34/13/31/meouro11.jpg" alt="Medalha de Ouro" title="Medalha de Ouro" /><br /><span class="label"><span style="color:#000000;"><img src="http://cdn.iconfinder.net/data/icons/ledicons/coins.png" alt="Cash" /> Cash</span> : </span> 1732<br /><span class="label"><span style="color:#000000;">Reputação</span> : </span> 0<br /><span class="label"><span style="color:#000000;">Humor</span> : </span> Extrovertido<br /></dd><dd><br /></dd><dd><a href="/u1" class="profile-icon" title="Ver perfil do usuário"><img src="http://hitsk.in/t/16/03/23/i_icon_profile.png" class="i_icon_profile " alt="Ver perfil do usuário" /></a> <a href="http://impact-info.livreforum.com" title="Visitar a homepage do usuário" target="_blank"><img src="https://illiweb.com/fa/empty.gif" alt="http://impact-info.livreforum.com" /></a></dd></dl></div><div class="clear"></div><p class="right"><a href="#top"><img src="https://illiweb.com/fa/empty.gif" alt="Voltar ao Topo" /></a> <a href="#bottom"><img src="https://illiweb.com/fa/empty.gif" alt="Ir em baixo" /></a></p><span class="corners-bottom"><span></span></span></div></div><a name="bottomtitle"></a><p class="left-box"><a href="/t183p-tutorial-informatica-html-avancado"><img src="https://illiweb.com/fa/empty.gif" alt="Ver o tópico anterior" /></a> <a href="/t183n-tutorial-informatica-html-avancado"><img src="https://illiweb.com/fa/empty.gif" alt="Ver o tópico seguinte" /></a> <a href="#top"><img src="https://illiweb.com/fa/empty.gif" alt="Voltar ao Topo" /></a></p><div class="clear"></div><div class="noprint"></div><div class="post row2" id="ptrafic_close" style="display:none;font-size:1.3em;line-height:1.4em"><span class="corners-top"><span></span></span><span class="gensmall"><a href="javascript:ShowHideLayer('ptrafic_open','ptrafic_close');"><img class="sprite-tabs_more" src="https://illiweb.com/fa/empty.gif" alt="+" align="" border="0" /></a></span><span class="ptrafic"> Tópicos similares</span><span class="corners-bottom"><span></span></span></div><div class="post row2" id="ptrafic_open" style="display:'';font-size:1.3em;line-height:1.4em"><span class="corners-top"><span></span></span><span class="gensmall"><a href="javascript:ShowHideLayer('ptrafic_open','ptrafic_close');"><img class="sprite-tabs_less" src="https://illiweb.com/fa/empty.gif" alt="-" align="" border="0" /></a></span><span class="ptrafic"> Tópicos similares</span><div class="clear"></div><div>» <a href="http://forumpcbrasil.forumeiros.com/t1663-faculdade-ou-tecnico-para-informatica-qual-fazer-e-qual-a-diferenca-obrigado" target="_blank" title="Faculdade ou técnico para informática. Qual fazer e qual a diferença.. Obrigado." rel="nofollow">Faculdade ou técnico para informática. Qual fazer e qual a diferença.. Obrigado.</a><br />» <a href="http://gmbr.forumeiros.com/t13191-xcreator-tutorial-caixa-de-texto-avancada" target="_blank" title="[XCREATOR] [TUTORIAL] Caixa de Texto avançada" rel="nofollow">[XCREATOR] [TUTORIAL] Caixa de Texto avançada</a><br />» <a href="http://gmbr.forumeiros.com/t19318-engine-clique-duplo-2-cliques" target="_blank" title="[engine] Clique duplo (2 cliques)" rel="nofollow">[engine] Clique duplo (2 cliques)</a><br />» <a href="http://forumpcbrasil.forumeiros.com/t528-novidades-em-tecnologia-informatica-e-variedades" target="_blank" title="Novidades em Tecnologia, Informática e variedades" rel="nofollow">Novidades em Tecnologia, Informática e variedades</a><br />» <a href="http://foxdesign.forumais.com/t2178-tutorialfan-bar-avancada" target="_blank" title="[TUTORIAL]FAN-BAR AVANÇADA" rel="nofollow">[TUTORIAL]FAN-BAR AVANÇADA</a><br /></div><span class="corners-bottom"><span></span></span></div><a name="quickreply"></a><hr /><div class="topic-actions"><div class="buttons"></div><div class="pathname-box"><p><a class="nav" href="/forum"> </a><a class="nav" href=""></a> :: <a href="/c5-informatica-tecnologia" class="nav"><span>Informática & Tecnologia</span></a> :: <a href="/f64-tutoriais-de-informatica" class="nav"><span>Tutoriais de Informática.</span></a></p></div><div class="pagination">Página <strong>1</strong> de <strong>1</strong></div></div><div class="clear"></div><form action="/viewforum" method="get" onsubmit="if(document.jumpbox.f.value == -1){return false;}"><fieldset class="jumpbox"><label>Ir para: </label><select name="selected_id" onchange="if(this.options[this.selectedIndex].value != -1){ forms['jumpbox'].submit() }"><option value="-1">Selecionar um fórum</option><option value="-1"></option><option value="-1">|</option><option classe="any" value="c1">|--Administração</option><option classe="any" value="f1">|   |--Avisos Geral</option><option classe="any" value="f10">|   |--Avisos da Staff.</option><option classe="any" value="f13">|   |--Eventos Impact Info.</option><option classe="any" value="f15">|   |--Área de recrutamento Impact Info.</option><option classe="any" value="f51">|   |--Promoções do fórum</option><option classe="any" value="f63">|   |--Tribunal</option><option value="-1">|   </option><option classe="any" value="c2">|--Novatos</option><option classe="any" value="f16">|   |--Central dos visitantes</option><option classe="any" value="f11">|   |--Iniciantes.</option><option value="-1">|   </option><option classe="any" value="c8">|--Games</option><option classe="any" value="f32">|   |--Notícias</option><option classe="any" value="f74">|   |--Games de Xbox</option><option classe="any" value="f73">|   |--Games de Browser.</option><option classe="any" value="f72">|   |--Games MMORPG</option><option classe="any" value="f71">|   |--Games da Nintendo</option><option classe="any" value="f70">|   |--Games de Playstation</option><option classe="any" value="f69">|   |--Games PC-Windows</option><option classe="any" value="f76">|   |--Pedidos</option><option classe="any" value="f75">|   |--Descrição de consoles</option><option classe="any" value="f77">|   |--Imagens/Videos</option><option value="-1">|   </option><option classe="any" value="c5">|--Informática & Tecnologia</option><option classe="any" value="f31">|   |--Notícias</option><option classe="any" value="f30">|   |--Apresentação</option><option classe="any" value="f67">|   |--Descrição</option><option classe="any" value="f66">|   |--Tecnologia</option><option classe="any" value="f65">|   |--Imagens/Videos</option><option classe="any" value="f64">|   |--Tutoriais de Informática.</option><option classe="any" value="f68">|   |--Pedidos</option><option value="-1">|   </option><option classe="any" value="c7">|--Outros Serviços</option><option classe="any" value="f7">|   |--Divulgação</option><option classe="any" value="f26">|   |   |--Divulgação de Fórum</option><option classe="any" value="f25">|   |   |--Divulgação de Blog</option><option classe="any" value="f24">|   |   |--Divulgação de Sites</option><option classe="any" value="f23">|   |   |--Divulgação de Servidores</option><option classe="any" value="f52">|   |   |--Pedidos de Parceria.</option><option classe="any" value="f53">|   |   |   |--Parcerias concluidas.</option><option value="-1">|   |   |   </option><option classe="any" value="f62">|   |   |--Parceiros por link</option><option value="-1">|   |   </option><option classe="any" value="f46">|   |--Shop do Fórum</option><option classe="any" value="f47">|   |   |--Modificação do nome de usuário</option><option classe="any" value="f49">|   |   |--Seção ImpacT (Novidades e atualizações)</option><option classe="any" value="f48">|   |   |--Grupo Pessoal</option><option classe="any" value="f56">|   |   |--Compra de Avatares exclusivos !</option><option classe="any" value="f29">|   |   |--V.I.P</option><option value="-1">|   |   </option><option classe="any" value="f57">|   |--Avaliações de Blogs/Fóruns</option><option classe="any" value="f60">|       |--Avaliações Finalizadas</option><option classe="any" value="f58">|       |--Top 6 das avaliações</option><option value="-1">|   </option><option classe="any" value="c6">|--Off-Topic</option><option classe="any" value="f17">    |--Elogios</option><option classe="any" value="f6">    |--Bate-Papo (Bar do fórum)</option><option classe="any" value="f33">    |   |--Humor</option><option classe="any" value="f35">    |   |   |--Imagens/Vídeos</option><option classe="any" value="f34">    |   |   |--Piadas</option><option classe="any" value="f36">    |   |   |--Humor Off - TopiC</option><option value="-1">    |   |   </option><option classe="any" value="f44">    |   |--Apresentação (Staff)</option><option classe="any" value="f43">    |   |--Apresentação (Membros)</option><option classe="any" value="f41">    |   |--Aniversário</option><option value="-1">    |   </option><option classe="any" value="f42">    |--Downloads</option><option classe="any" value="f39">    |--Hall da Fama</option><option classe="any" value="f40">    |   |--Hall da fama (Staff)</option><option classe="any" value="f55">    |   |--Hall da Fama (MEMBROS)</option><option value="-1">    |   </option><option classe="any" value="f50">    |--Seção Info</option></select><input type="hidden" name="tid" value="ebde2a3ac74e2a4de9800998ecf8427e" /> <input class="button2" type="submit" value="Ir" /></fieldset></form><div class="h3"><strong>Permissão deste fórum:</strong></div>Você <strong>não pode</strong> responder aos tópicos neste fórum<br /><script type="text/javascript">//<![CDATA[ $(resize_images({ 'selector' : '.postbody .content', 'max_width' : 300, 'max_height' : 150 }));//]]></script><script src="//s7.addthis.com/js/300/addthis_widget.js#pubid=forumotion" type="text/javascript"></script></div></div></div></div><div id="emptyidright"></div></div></div></div></div><div id="page-footer"><div class="navbar"><div class="inner"><span class="corners-top"><span></span></span><ul class="linklist clearfix"><li class="footer-home"><a class="icon-home" href="/forum" accesskey="h">Início</a></li><li class="rightside"><strong><a href="http://www.forumeiros.com/criar-forum/phpbb3" target="_blank">Criar um fórum</a></strong> | <span class="gensmall">©</span> <a href="https://www.forumeiros.com/phpbb" target="_blank">phpBB</a> | <a name="bottom" href="http://ajuda.forumeiros.com/" target="_blank">Fórum grátis de ajuda</a> | <a name="bottom" href="/contact" rel="nofollow">Fale conosco</a> | <a href="/abuse?page=%2Ft183-tutorial-informatica-html-avancado&report=1" rel="nofollow">Assinalar uma queixa</a> | <strong><a href="http://www.forumeiros.com" target="_blank">Fórum grátis</a></strong></li></ul><span class="corners-bottom"><span></span></span></div></div><p class="copyright"><strong></strong></p></div></div></div></div></div><div id="fb-root"></div><script type="text/javascript">$(document).ready( function() {$('div.fb-login-button, span.fb-login-button').attr({"data-scope": "email,user_birthday,user_website,user_location","data-max-rows": "1","data-size": "large","data-show-faces": "false","data-auto-logout-link": "false"});$('div.fb-login-button, span.fb-login-button').each(function() {if(typeof $(this).attr('onlogin') == typeof undefined || $(this).attr('onlogin') === false) {$(this).attr('onlogin', 'onLoginFB');}if($(this).html() == '') {$(this).html('Facebook');}});FB.init({appId : "141365032552364",cookie : 1,xfbml : 1,oauth : 1,version : 'v2.5'});(function(d, s, id){var js, fjs = d.getElementsByTagName(s)[0];if (d.getElementById(id)) {return;}js = d.createElement(s); js.id = id;js.src = "//connect.facebook.net/pt_PT/sdk.js";fjs.parentNode.insertBefore(js, fjs);}(document, 'script', 'facebook-jssdk'));});function onLoginFB() {window.location.replace('/facebook_connect.forum')}</script><script>$(document).ready( function() {$('div.ti-connect').attr({'data-loc' : 'https://topicit.net','data-login' : 'http://impact-info.livreforum.com/topicit/index.php/connect','data-version' : '0.1','data-lang' : 'pt'});(function(d, s, id) {var js, fjs = d.getElementsByTagName(s)[0];if (d.getElementById(id)) return;js = d.createElement(s); js.id = id;js.src = "https://topicit.net/scripts/connect.js";fjs.parentNode.insertBefore(js, fjs);}(document, 'script', 'topicit-connect'));});</script><script type="text/javascript">//<![CDATA[ fa_endpage();//]]></script><script type="text/javascript"> var vglnk = { api_url: '//api.viglink.com/api', key: 'e2aa2ae88c2bcc3c33577d636d209bf8' }; (function(d, t) { var s = d.createElement(t); s.type = 'text/javascript'; s.async = true; s.src = ('https:' == document.location.protocol ? vglnk.api_url : '//cdn.viglink.com/api') + '/vglnk.js'; var r = d.getElementsByTagName(t)[0]; r.parentNode.insertBefore(s, r); }(document, 'script')); </script><script type="text/javascript"> document.write('<scr' + 'ipt data-cfasync="false" type="text/javascript" src="https://www.superadexchange.com/a/display.php?r=1242764"></scr' + 'ipt>'); </script> <script type="text/javascript"> window._taboola = window._taboola || []; _taboola.push({flush: true}); </script></body></html>