Athena Exclamation 2.0

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

Saint Seiya forum


    Tutorial de HTML - Básico

    -Mu de Áries-
    -Mu de Áries-
    Administrador
    Administrador


    Nenhuma advertência.
    Mensagens : 1306
    Data de inscrição : 20/02/2010

    Tutorial de HTML - Básico Empty Tutorial de HTML - Básico

    Mensagem por -Mu de Áries- Sáb Fev 20, 2010 8:01 pm

    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.
    avatar
    Convidad
    Convidado


    Tutorial de HTML - Básico Empty Re: Tutorial de HTML - Básico

    Mensagem por Convidad Seg Fev 22, 2010 7:30 pm

    Ótimo, entendi tudo perfeitamente...Só uma dúvida, no caso do tamanho da fonte, eu nem preciso incluir ela certo? Uma vez que o tamanho "padrão" deste fórum já é do tamanho ideal que eu pensava em utilizar nos turnos. =D
    -Mu de Áries-
    -Mu de Áries-
    Administrador
    Administrador


    Nenhuma advertência.
    Mensagens : 1306
    Data de inscrição : 20/02/2010

    Tutorial de HTML - Básico Empty Re: Tutorial de HTML - Básico

    Mensagem por -Mu de Áries- Seg Fev 22, 2010 7:49 pm

    Sim, se for o caso do tamanho da fonte do forum for a que tu quer, tu nem precisa incluir. Abraços.
    avatar
    Convidad
    Convidado


    Tutorial de HTML - Básico Empty Re: Tutorial de HTML - Básico

    Mensagem por Convidad Sex Mar 12, 2010 6:18 am

    Cor de fundo na tabela
    adicione a tag: bgcolor="#0000FF" abaixo o código como fica
    Código:

    <table width="400" align="justify" bgcolor="#0000FF"><td><center><font size="2" face="tahoma" color="#ffffff"><b>

    TELA AZUL DA MORTE LoL

    Olhem eu gerei uma tela azul!


    </b></font></center></td></table>

    Efeito



    TELA AZUL DA MORTE LoL

    Olhem eu gerei uma tela azul!




    Imagem de Fundo:

    Adicione: background="Endereço da Imagem"

    Código:
    <table width="400" align="justify" background="http://www.angelfire.com/fl5/html-tutorial/a/raindrop.jpg"><td><center><font size="2" face="tahoma" color="#ffffff"><b>
    blá blá blá blá blá bláblá blá bláblá blá bláblá blá blá
     no alto da montanha o lê yahoo!
    </b></font></center></td></table>


    blá blá blá blá blá bláblá blá bláblá blá bláblá blá blá
    no alto da montanha o lê yahoo!
    -Mu de Áries-
    -Mu de Áries-
    Administrador
    Administrador


    Nenhuma advertência.
    Mensagens : 1306
    Data de inscrição : 20/02/2010

    Tutorial de HTML - Básico Empty Re: Tutorial de HTML - Básico

    Mensagem por -Mu de Áries- Sex Mar 12, 2010 11:24 am

    Puta que pariu, Pançola. Os códigos são para ajudar o turno a ficar bonito, não para eles ficarem feios que nem o teu. Tutorial de HTML - Básico 488851
    avatar
    Convidad
    Convidado


    Tutorial de HTML - Básico Empty Re: Tutorial de HTML - Básico

    Mensagem por Convidad Sex Mar 12, 2010 11:27 am

    Pançola...


    MITO!


    Tutorial de HTML - Básico 859993
    avatar
    Convidad
    Convidado


    Tutorial de HTML - Básico Empty Re: Tutorial de HTML - Básico

    Mensagem por Convidad Sáb Mar 27, 2010 10:22 am

    Depende manolos depende das cores das imagens, é uma coisa legal a se pensar, mais eu ando com preguiça demais pra pensar em cores e panz, mais alguem que tenha mais saco e bom gosto consegue melhorar bastante a estética do turno Very Happy

    Conteúdo patrocinado


    Tutorial de HTML - Básico Empty Re: Tutorial de HTML - Básico

    Mensagem por Conteúdo patrocinado


      Data/hora atual: Sex maio 10, 2024 6:37 am