Scribd Logo
Fazer o upload

Bem-vindo(a) ao Scribd!

  • Format An Do Textos Com HTML

    Enviado por

    MaikBasso
    11 visualizações5 páginas

    Título original

    Format an Do Textos Com HTML

    Direitos autorais

    © Attribution Non-Commercial (BY-NC)

    Formatos disponíveis

    DOCX, PDF, TXT ou leia online no Scribd

    Você considera este documento útil?

    Este conteúdo é inapropriado?

    Denunciar este documento

    Direitos autorais:

    Attribution Non-Commercial (BY-NC)
    Baixe no formato DOCX, PDF, TXT ou leia online no Scribd
    Sinalizar o conteúdo como inadequado
    11 visualizações5 páginas

    Format An Do Textos Com HTML

    Enviado por

    MaikBasso

    Direitos autorais:

    Attribution Non-Commercial (BY-NC)
    Baixe no formato DOCX, PDF, TXT ou leia online no Scribd
    Sinalizar o conteúdo como inadequado
    de 5

    Hoje vou ensinar a vocs como formatar textos em HTML.

    Lembrando que utilizaremos algumas tags de formatao padro dos navegadores e no utilizaremos CSS ainda, este ser o assunto de outra postagem. Anteriormente, aprendemos como criar uma pgina HTML e inserir um texto ou uma frase que apareceria no navegador Web de forma no formatada. Ento chegamos ao seguinte cdigo: <!DOCTYPE html> <html> <head> <title>Digite seu ttulo aqui!</title> </head> <body> Esta minha primeira pgina HTML! </body> </html> Agora abra o arquivo index.html, que criamos na postagem N 1, com o Notepad++ e comearemos a editar o mesmo. No esquecendo de que todas as tags abaixo devem ser aplicadas somente entre <body> e </body>, ou seja, no corpo da pgina HTML. Ttulos: As tags padro para ttulos que j esto pr-formatadas nos navegadores Web so: <h1>, <h2>, <h3>, <h4>, <h5> e <h6>. Estas tags j esto formatadas em negrito e com uma letra maior do que a do texto convencional. A nica diferena entre estas tags que a <h1> possui a maior tamanho de letra e a letra vai diminuindo de tamanho at chegar at a <h6>, que possui o menor tamanho de letra. A sua utilizao comum a das tags explicadas na postagem N1, devendo ser abertas e fechadas com a utilizao de uma barra (/).

    Veja os exemplos: <h1>Seu ttulo aqui!</h1> <h2>Seu ttulo aqui!</h2> <h3>Seu ttulo aqui!</h3> <h4>Seu ttulo aqui!</h4> <h5>Seu ttulo aqui!</h5> <h6>Seu ttulo aqui!</h6> Quebras de linha: Voc j deve ter percebido que no importa quantidade de enters que voc aplica a uma determinada linha de seu texto a quebra de linha nunca acontece. Isso ocorre porque esta funo de quebra de linha designada a tag <br />, cuja a sua utilizao diferenciada, pois a mesma indica uma tag "completa", aberta e fechada. Exemplo: Este o meu texto <br /> com quebra de linha. Note que mesmo digitando tudo em uma nica linha, a hora que o arquivo aberto no navegador a quebra de linha acontece aonde a tag <br /> foi colocada. Pargrafos: A tag que tem a funo de formatar um bloco de texto como pargrafo a tag <p>. Ela utilizada da mesma forma que as tags dos ttulos. Exemplo: <p>Este o meu pargrafo em HTML que aprendi a formatar utilizando a linguagem de programao HTML, explicada nos artigos do site do Maik Basso.</p> Outras tags para a formatao de textos: Aqui em baixo citarei vrias outras tags para a formatao de textos em HTML, e em seguida seus respectivos exemplos de utilizao.
    1- Estilos de texto:

    Tag

    Funo

    Exemplo <b>Texto em negrito.</b> <strong>Texto em negrito.</strong> <i>Este texto est em itlico.</i>

    <b>, Colocam o texto em negrito. <strong> <i> <u> Coloca o texto em itlico.

    Coloca um sublinhado no texto. <u>Texto sublinhado.</u>

    <sub> Coloca o texto como subscrito. Texto <sub>subscrito.</sub> <sup> Coloca o texto como Texto <sup>sobrescrito.</sup>

    sobrescrito.
    2- Fontes:

    Em HTML possvel alterar o tipo da fonte, a sua cor e o seu tamanho, tudo com a tag <font>.
    >>>Tipo da fonte:

    Usa-se o comando face para designar o tipo da fonte dentro da tag <font>. Os valores a serem aplicados no comando face so: Arial, Verdana entre outros nomes de letras. Exemplo: <font face="Arial">Texto com fonte do tipo Arial."</font>
    >>>Cor da fonte:

    Usa-se o comando color para designar a cor da fonte dentro da tag <font>. Seus possveis valores so: nome de cores em ingls (blue, black, yellow, ...), cores representadas por cdigos hexadecimais (#FF0000 (cdigo da cor vermelha em hexadecimal)), entre outras formas. Mas no preciso sair decorando nmeros de cores, para isto existem tabelas e softwares que auxiliam no processo. Exemplo: <font color="red">Texto com fonte em cor vermelha.</font>
    >>>Tamanho da fonte:

    Usa-se o comando size para designar o tamanho da fonte dentro da tag <font>. Os possveis valores so: valores em Pixel (exemplo: 12px); valores em Keyword (xxsmall, small, medium, large, x-large, e xx-large); valores EM (1em (lembrando que 1em=16px)); valores em Porcentagem (15%); valores em PT (12pt (usado somente para pginas que sero impressas)). Exemplo: <font size="20px">Texto com fonte em tamanho de 20 pxeis.</font>
    >>>Combinao de comandos:

    Tambm possibilidade de se combinar comandos dentro de tags, sem a necessidade de uma ordem especfica. Exemplo:

    <font color="blue" face="Verdana" size="12px">Texto com fonte azul do tipo Verdana e tamanho de 12 pxeis.</font>
    3- Tags pr-formatadas de tamanho do texto:

    <small> - Coloca o texto em uma letra de menor tamanho. Exemplo: <small>Texto com letra reduzida.</small> <big> - Coloca o texto em uma letra de maior tamanho. Exemplo: <big>Texto com letra grande.</big>
    4- Alinhamento de texto:
    >>>Tag pr-formatada:

    <center> - Centraliza o texto. Exemplo: <center>Texto centralizado.</center>


    >>>Alinhando com as tags <p> ou <div>:

    Como eu j havia explicado acima possvel inserir comandos dentro de tags. O comando responsvel pelo alinhamento o comando align que pode assumir quatro valores: center (alinhar no centro); left (alinhar esquerda); right (alinhar a direita); justify (texto justificado). Para alinhar textos geralmente utilizamos o comando align nas tags <p> e <div> (div vem de diviso, ou seja, tag que cria blocos.). Exemplos: <p align="center">Texto centralizado.</p> <div align="right">Texto alinhado direita.</div>
    5- Outros:

    <hr /> - Cria um separador, ou seja, uma linha horizontal. Exemplo: Aqui embaixo aparecer um separador.<hr />

    Combinao de tags: Tambm temos a possibilidade de combinar quaisquer tipos de tags, gerando estilos diferenciados. As tags podem ser abertas e fachadas sem a necessidade de uma ordem. Exemplo: <center><font color="red" size="15px"><b><i>Texto centralizado com letra vermelha, tamanho 15px, negrito e itlico.</i></b></font></center> Ou: <font color="red" size="15px"><b><center><i>Texto centralizado com letra vermelha, tamanho 15px, negrito e itlico.</font></center></i></b>

    Você também pode gostar