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

Ver o tópico anterior Ver o tópico seguinte Ir em baixo  Mensagem [Página 1 de 1]

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

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)


_________________

Ver perfil do usuário

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

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)


_________________

Ver perfil do usuário

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

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

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

Muito bom mesmo o post...


_________________
"Se Nao Puder Destacar-se Pelo Seu Talento Esforça-te!"


Ver perfil do usuário

4 Re: [TUTORIAL] html em Sab Fev 13, 2010 1:42 am

npvpkz


Mod. Jogos
Mod. Jogos
Ois Vlw Igorthekira<\b>

Ver perfil do usuário

5 Re: [TUTORIAL] html em Sab Fev 13, 2010 1:44 am

npvpkz


Mod. Jogos
Mod. Jogos

Ver perfil do usuário

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

Topico muito rox
eu nao sabia mexer nisto! agora aprendi

Ver perfil do usuário

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

leopsp


Mod. Jogos
Mod. Jogos
Vey muito loko seu post flw !!




Ver perfil do usuário

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

leopsp


Mod. Jogos
Mod. Jogos
Esqueci " AVISANDO " to copiando flw =D

Ver perfil do usuário

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

igorthekira


Mod. warezz
Mod. warezz
Creditos ;P


_________________

Ver perfil do usuário

10 Re: [TUTORIAL] html Hoje à(s) 3:46 am

Conteúdo patrocinado


Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo  Mensagem [Página 1 de 1]

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