Fairplay BR
Gostaria de reagir a esta mensagem? Crie uma conta em poucos cliques ou inicie sessão para continuar.
Fairplay BR

Fórum Sobre Informática, jogos, design, cinema, músicas e muito mais;


Você não está conectado. Conecte-se ou registre-se

[TUTORIAL] html

5 participantes

Ir para baixo  Mensagem [Página 1 de 1]

1[TUTORIAL] html Empty [TUTORIAL] html Qua Fev 03, 2010 12:33 am

igorthekira

igorthekira
Mod. warezz
Mod. warezz

TUTORIAL SOBRE HTML

TEXTO NEGRITO
Resultado

texto
Código:
<b> texto</b>




TEXTO SUBLINHADO
Resultado

texto
Código:
<u>texto</u>




TEXTO CORSIVO
Resultado

texto
Código:
<i>texto</i>




TEXTO BARRADO
Resultado

texto
Código:
<s>texto</s>




TEXTO REDIMENSIONADO
Resultado

texto
Código:
<font size="Dimensionar o texto">texto</font>




COR NO TEXTO
Resultado

texto
Código:
<font color="#Nome da cor em inglês">texto</font>




FONT TEXTO
Resultado

texto
Código:
<font face="Font texto">texto</font>




TEXTO ACENDE-APAGA
Resultado

Texto
Código:
<blink>Texto</blink>




TEXTO MINI EM CIMA
Resultado

textocima
Código:
texto<sup>cima</sup>




TEXTO MINI EM BAIXO
Resultado

textobaixo
Código:
texto<sub>baixo</sub>




TEXTO OVERLAPPED
Resultado

Texto superior
Texto inferior
Código:
<font style="font-size: tamanho do textopx; font-family: font texto superior; color: #cor do texto; line-height: 20px;">Texto superior</font>
<font style="font-size: tamanho do textopx; font-family: font do texto inferior; color: #cor do texto;">Texto inferior</font>




LISTA
Resultado


  • texto

  • texto

  • texto


Código:
<ul type="disc">
<li>texto</li>
<li>texto</li>
<li>texto</li>
</ul>
NOTA: Se pode trocar disc por circle (para um circolu) o square (para um quadrado).




TEXTO MOVEL
Resultado

Texto
Código:
<marquee direction="left" scrollAmount=7 height="40" width="80%">Texto</marquee>
NOTA: Mudando left (o texto vai para direita) para right (o texto vai para a esquerda), up (o texto vai para cima) ou down (o texto vai para baixo). Mudando o numero de scrollAmount se muda a velocidade do texto.




TEXTO MALUCO
Resultado

Texto
Código:
<marquee direction="up" behavior="alternate" height="200"><marquee behavior="alternate" width="30%">Texto aqui</marquee></marquee>




TEXTO PULANTE
Resultado

texto
Código:
<marquee behavior="alternate" width="30%">texto</marquee>




ALINEAR TEXTO/ELEMENTOS
Resultado

texto


Código:
<p align="center">texto/imagem</p>




LINHA DIVISORIA
Resultado



Código:
<hr>




INSERIR TEXTO COM LINK
Resultado

texto
Código:
[URL=link aqui]texto[/URL]




INSERIR IMAGEN
Resultado


Código:
<img src="link da imagem">




IMAGEN COM LINK
Resultado


Código:
<a href="link do web"><img src="link da imagen"></a>




INSERIR AREA DE TEXTO
Resultado


Código:
<textarea>texto</textarea>




INSERIR MENU PARA ESCOLHER
Resultado


Código:
<select>
<option value="1">texto</option>
<option value="2">texto</option>
<option value="3">texto</option>
</select>




INSERIR BOTÃO
Resultado


Código:
<button>texto</button>




INSERIR SCROLLBAR
Resultado

O Igorthekira è super sexy, o Mr. 9 tambem è super sexy! bla bla bla bla bla bla bla bla bla blabla bla bla bla bla bla bla bla bla blabla bla bla bla bla bla bla bla bla blabla bla bla bla bla bla bla bla bla blabla bla bla bla bla bla bla bla bla blabla bla bla bla bla bla bla bla bla blabla bla bla bla bla bla bla bla bla blabla bla bla bla bla bla bla bla bla blabla bla bla bla bla bla bla bla bla blabla bla bla bla bla bla bla bla bla blabla bla bla bla bla bla bla bla bla blabla bla bla bla bla bla bla bla bla blabla bla bla bla bla bla bla bla bla blabla bla bla bla bla bla bla bla bla blabla bla bla bla bla bla bla bla bla blabla bla bla bla bla bla bla bla bla bla

Código:
<div style="OVERFLOW:auto; HEIGHT: 100px; WIDTH: 100px">texto</div>
NOTA: Para modificar o tamanho, aumente ou diminua os valores de HEIGHT e WIDTH.




TEXTO COM FUNDO
Resultado

texto

Código:
<div style="background-color: cor do fundo">[color=cor do texto]texto[/color]</div>




MUDAR O FUNDO

Para botar cor no fundo è:
Código:
<div style="background-color:#cor>todo o conteudo aqui</div>

Para botar uma imagen como fundo è:
Código:
<div style="background-image:link da imagen">todo conteudo aqui</div>




FONDO COM BORDAS REDONDAS
Resultado


Texto


Código:
<div style="background-color:#cor do fundo; color:#cor do texto; font-size:tamanho texto px; font-family:font texto; text-align:left; width:320px; -moz-border-radius: 11px; padding:6px; line-height:8px;"><p align="center"><br>TESTO</p></div>




SCROLLBAR DO LADO DE UMA IMAGEN
Resultado

Olá, eu sou o Mr. 9, bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla blabla bla bla bla bla bla bla bla bla blabla bla bla bla bla bla bla bla bla blabla bla bla bla bla bla bla bla bla blabla bla bla bla bla bla bla bla bla blabla bla bla bla bla bla bla bla bla blabla bla bla bla bla bla bla bla bla blabla bla bla bla bla bla bla bla bla blabla bla bla bla bla bla bla bla bla blabla bla bla bla bla bla bla bla bla blabla bla bla bla bla bla bla bla bla blabla bla bla bla bla bla bla bla bla blabla bla bla bla bla bla bla bla bla bla

Código:
<div style="float: left; margin-right: 10px"><img src="link da imagen"></div><div style="OVERFLOW:auto; HEIGHT: 100px; WIDTH: 100px">texto aqui</div>




BOTÃO COM LINK
Resultado


Código:
<a href="url aqui"><button>texto</button></a>




TUTORIAL FEITO POR: Igorthekira/Mr. 9
NÃO COPIE SEM AVISAR.



Última edição por igorthekira em Dom Fev 07, 2010 5:01 pm, editado 8 vez(es)

2[TUTORIAL] html Empty Re: [TUTORIAL] html Qua Fev 03, 2010 12:41 am

igorthekira

igorthekira
Mod. warezz
Mod. warezz

TABELA
Resultado















textotextotextotextotexto
Código:
<table cellspacing="4" style="background-color:#cor do fundo" align="center">

<tr>
<td style="color:#cor do texto;text-align:center;background-color:#cfcfcf">texto</td>
<td style="color:#cor do texto;text-align:center;background-color:#cfcfcf">texto</td>
<td style="color:#cor do texto;text-align:center;background-color:#cfcfcf">texto</td>
<td style="color:#cor do texto;text-align:center;background-color:#cfcfcf">texto</td>
<td style="color:#cor do texto;text-align:center;background-color:#cfcfcf">texto</td>
</tr>

<tr>
<td><img src="link imagen"></td>
<td><img src="link imagen"></td>
<td><img src="link imagen"></td>
<td><img src="link imagen"></td>
<td><img src="link imagen"></td>
</tr></table>



Última edição por igorthekira em Dom Fev 07, 2010 5:02 pm, editado 2 vez(es)

3[TUTORIAL] html Empty Re: [TUTORIAL] html Qua Fev 03, 2010 9:36 pm

Mito

Mito
Admin
Admin


Karaka


muito legal este seu poste
igor
voce falo que ia fazer e feiz mesmo!!!

Vai ganhar um fixo!
Merece mesmo..
gostei das letras pulando
Nos temos estes codigos nas mensagens avançadas so clicar em responder
mais no modo resposta rapida nao..
XD


tbm temos o modo
WYSIWYG


q é so clica no [TUTORIAL] html Switch_wysiwyg

quando ele fica vermelho
ele faiz tudo sem os codigos
como troca de cor
aumenta letra e etc

Muito bom mesmo o post...

4[TUTORIAL] html Empty Re: [TUTORIAL] html Sáb Fev 13, 2010 1:42 am

npvpkz

npvpkz
Mod. Jogos
Mod. Jogos

Ois Vlw Igorthekira<\b>

5[TUTORIAL] html Empty Re: [TUTORIAL] html Sáb Fev 13, 2010 1:44 am

npvpkz

npvpkz
Mod. Jogos
Mod. Jogos

6[TUTORIAL] html Empty Re: [TUTORIAL] html Qua Fev 17, 2010 4:42 pm

Alnoharitan Fear

avatar
Membro
Membro

Topico muito rox
eu nao sabia mexer nisto! agora aprendi

7[TUTORIAL] html Empty Re: [TUTORIAL] html Dom Fev 21, 2010 8:53 pm

leopsp

leopsp
Mod. Jogos
Mod. Jogos

Vey muito loko seu post flw !! [TUTORIAL] html Icon_tongue [TUTORIAL] html Icon_tongue




[TUTORIAL] html Icon_farao

8[TUTORIAL] html Empty Re: [TUTORIAL] html Dom Fev 21, 2010 11:24 pm

leopsp

leopsp
Mod. Jogos
Mod. Jogos

Esqueci " AVISANDO " to copiando flw =D

9[TUTORIAL] html Empty Re: [TUTORIAL] html Qua Fev 24, 2010 10:55 pm

igorthekira

igorthekira
Mod. warezz
Mod. warezz

Creditos ;P

Conteúdo patrocinado



Ir para o topo  Mensagem [Página 1 de 1]

Permissões neste sub-fórum
Não podes responder a tópicos