Templates Prontos          
HOMESITES PRONTOSTEMPLATES PRONTOSCONTATOCOMPRAR

Tutorial HTML - Sites Prontos

GPsites.net Templates Sites Prontos > Código básico de uma página em HTML > Parágrafo

Tutorial HTML GPsites.net Sites Prontos - Parágrafos

Tutorial HTML GPsites.net Sites Prontos - O Parágrafo - TAG <p> </p>

A Tag do parágrafo <p></p> é usada para colocar parágrafos em suas páginas. Para conformidade futura com o xhtml, você deve sempre usar um Tag de fechamento. </p>

Tutorial HTML GPsites.net Sites Prontos - Ajustando os Atributos Do Parágrafo

Os atributos para parágrafos podem ser adicionados por folhas de estilo CSS diretamente no parágrafo (inline), colcadas no Head ou linkadas para um arquivo CSS.

p { font-family: Arial , sans-serif;font-size : 10pt; font-weight : normal;text-align :left; text-indent : 1em}

Esta folha do estilo ajustaria nosso texto do parágrafo a 10 pontos Arial, ajustaria o alinhamento do texto à esquerda e recortaria o em do parágrafo 1.

Você pode também ajustar a cor do texto, espessura do texto, estilo do texto, espaçamento, largura e posição.

Tutorial HTML GPsites.net Sites Prontos - Usando Folhas de Esilo em Cascata - Inline

A aparência do texto dentro de um parágrafo pode ser modificada usando folhas inline do estilo.

A Tag da extensão <span></span> é uma ferramenta útil para mudar a aparência da fonte dentro de um parágrafo. A Tag da extensão deve somente ser usada como um Tag inline, ou seja, dentro do próprio parágrafo.

<p>Este código <span STYLE="font-weight : bold">produz o reultado mostrado aqui nesse texto</span> usando a Tag inline span para mudar a espessura do texto para bold(negrito).</p>

Este código produz o reultado mostrado aqui nesse texto usando a tag inline span para mudar a espessura do texto para bold(negrito).

Mudando a cor do texto.

<p>Pode também ser usado para <span STYLE="color :#FF0000;background-color :#FFFFFF">mudar a cor do texto.</span></p>

Pode também ser usado para mudar a cor do texto.

Outras Tags inline que podem ser usadas para mudar o texto dentro de um parágrafo são:

  • <em></em> Este é texto emfatizado.

  • <strong></strong> Isto é , texto forte em negrito.

  • <sub></sub> Este é texto subscrito.

  • <sup></sup> Este é texto sobrescrito.


Olhem o código abaixo e vejam o efeito que o código atribui a fonte usando CSS - folhas de estilo em cascata usando os atributos inline, diretamente no parágrafo.

<p style="font-family:Georgia, 'Times New Roman', Times, serif; background-color:#00FFFF; font-weight:bold; color:#0000FF; border:dotted;">Olá pessoal este é um parágrafo com a fonte formatada em CSS (Folhas de Estilo em Cascata) notem o código CSS...
<p>

E agora olhem o efeito do código:

Este é um parágrafo com a fonte formatada em CSS (Folhas de Estilo em Cascata) notem o código CSS acima!!!

Tutorial HTML - Templates Prontos GPsites.net

HOME / SITES PRONTOS / TEMPLATES PRONTOS / ENTRE EM CONTATO CONOSCO E TIRE SUAS DÚVIDAS / COMPRAR
Proibida a reprodução total ou parcial © copyright 1999-2010  -  GPsites.net  -  www.gpsites.com.br