Tutorial de códigos Html

Bem, é bastante simples.

Certamente é mais fácil utilizar este forum do que o invisionfree. Sabendo um mínimo de Html, os turnos podem ficar bem interessantes, e o melhor: sem a necessidade do [dohtml]. O [dohtml] forçava, instantaneamente à existência da tag <br> para pular linha. Aqui isso acaba, já que para tal comando é necessário apenas que se aperte a tecla enter do seu teclado.


Vou criar aqui um formato geral, inicial, para as fontes, para entenderem um pouco o processo.


<font size="tamanho da fonte" face="nome da fonte" color="cor da fonte"> </font>

Notem que o código acima é de fácil compreensão. Primeiro se inicia com a tag <font> já colocando dentro dela as indicações para cor, nome e tamanho. É importante que as aspas sejam mantidas, ainda que seu conteúdo seja apagado. Para finalizar o código, aplica-se o fechamento de tag </font>. Bastante simples.


Para colocar imagens, novamente é muito simples e é idêntico ao processo utilizado no [dohtml].

[img]Link da imagem a ser postada[/img]

Notem que o código acima é bastante simplório. Basta apenas colocar o link da imagem desejada entre as tags [img][/img]



Para a organização do texto, aconselho a usar a tag <table> e <td>

Explicarei mais ou menos como funciona.

A tag <table> é a tag que define os parâmetros da "tabela"; A tag <td>, dito de forma grosseira, valida a ação.

Exemplo:

<table width="400" align="center"><td> </td></table>


Por Width compreendemos a largura da célula. Será a dimensão máxima do tamanho das linhas, dito a grosso modo. O align se refere ao alinhamento do conteúdo da própria tabela, e não da mesma. Não é difícil compreender. Caso desejam que a tabela seja justificada, apenas alterar o "center" por "justify". Bastante simples. É imprescindível que as tags devam ser fechadas em ordem. Exemplo:

<table width="400" align="justify"><td><center><font size="2" face="tahoma" color="#ffffff"><b>
Conteúdo do turno em questão e blá blá blá
</b></font></center></td></table>


Notem que a primeira tag a ser aberta, no caso a tag <table>, é a última a ser fechada. A tag <td>, a segunda a ser aberta, é a penúltima a ser fechada. A tag <center>, a terceira a ser aberta, é a antipenúltima a ser fechada, e assim sucessivamente.

Vale notar a colocação de duas novas tags no exemplo acima:

<center> e <b>

A tag center serve para centralizar o corpo do que se escreve. Como cada nova tabela é um corpo bastante diferente das estruturas comuns, eu aconselho a deixar exatamente da forma como está aí acima. Ela imediatamente após a tag <td>. Assim a chance de erro fica bem próxima a zero. Outra coisa: é importante, também, colocar uma tag <center> como a PRIMEIRA tag de um turno. Colocando-a como primeira tag, necessariamente terá que fechá-la APENAS no final do turno. Isto serve para que todo o turno fique centralizado e bastante organizado. Então, lembrem-se: quando forem postar seus turnos, os coloquem sempre, de preferência, dentro das tags <center> </center>

A tag <b> serve para negritar o texto. Sua tag de fechamento é </b>
A tag <i> serve para deixar em itálico o texto. Sua tag de fechamento é </i>
A tag <u> serve para sublinhar o texto. Sua tag de fechamento é </u>





Bem, estes são os códigos mais usados e são bastante simples. Caso queiram outros códigos, podem enviar uma Mp a mim que eu venho aqui e complemento este tópico. Abraços.