Tutorias

Welcome Guest

Search:


Parágrafos e quebras de linha

por: admin
Total visitas: 284
Palavras: 635

Ao contrário dos editores de texto comum, nos quais você insere uma quebra ou avanço de linha toda vez que pressiona a tecla ENTER, em um programa HTML é necessário colocar um comando específico para que o browser entenda que você deseja mudar de linha e iniciar uma nova linha ou começar um novo parágrafo. Existem dois comandos para criar quebras de linha e novos parágrafos. São os comandos <P> e <BR>

O Comando <P>

Para forçar um novo parágrafo, ou seja, avançar uma linha em branco e iniciar o texto na segunda linha após o final do parágrafo anterior deve ser usado o comando <P>.

Alinhando parágrafos

 

O Comando <P> inicia um novo parágrafo onde o texto é automaticamente alinhado pela margem esquerda da tela. Através do parâmetro ALIGN, pode-se mudar o alinhamento de forma que o texto do parágrafo inteiro fique centralizado ou alinhado à direita. Nesse caso, deve-se usar um par de comandos <P> envolvendo o parágrafo.

 

ALIGN=CENTER                  Centraliza o texto.

ALIGN=RIGHT                      Alinha pela margem direita

ALIGN=JUSTIFY                  Alinha pelas duas margens

ALIGN=LEFT                        Alinha pela margem esquerda (padrão)

 

O Comando <BR>

O comando <P> insere uma linha em branco no seu local ou na linha seguinte à qual ele foi inserido, caso esteja no meio de uma linha de texto e não em seu final. O comando <BR> tem como função avançar para a linha imediatamente após àquela em que ele se encontra, sem, contudo, deixar uma linha em branco.

O Comando <HR>

O comando <HR> tem como finalidade inserir uma linha divisória na posição em que foi especificado. Seu uso é recomendado para criar uma divisão na página.

Alterando o formato de linha de separação

 

As linhas criadas pelo comando <HR> podem Ter o seu tamanho alterado pelos parâmetros SIZE e WIDTH. O parâmetro SIZE altera a espessura (altura) da linha, deixando-a mais grossa em função do valor especificado. Esse valor é expresso em pixels.

A largura ou comprimento da linha é alterada pelo parâmetro WIDTH e pode ser expresso em pixels, sendo que, nesse caso, o tamanho da linha é fixo ou utiliza uma percentagem relativa à largura da janela. Assim, seu tamanho varia em função da largura da janela. Veja o código abaixo:

 

USANDO IMAGENS COMO LINHAS SEPARADORAS

 

Em vez de usar o comando <HR> como separador, podemos usar uma imagem com o comando <IMG>. Assim como o comando HR, podemos usar os parâmetros WIDTH e HEIGHT para alterar o tamanho da imagem.

DIV

A Tag <DIV></DIV> envolve uma área do texto ou divisão que pode receber parâmetros específicos de alinhamento, como é o caso de ALIGN, para alinhar o texto. Podemos envolver vários parágrafos com o elemento DIV

blockquote

O comando Blockquote permite dar recuos de parágrafos aos parágrafos, e pode ser cumulativo

 

 

 

Vamos a um exemplo:

 

<html>

<head>

<title>Formatação de Parágrafos/title>

</head>

<body>

<P align="center">Texto centralizado</p>

<P align="Justify">Aqui temos um texto justificado, aqui temos um texto justificado, Aqui temos um texto justificado,

<BR>

<div align="center">Aqui centralizamos um texto com o elemento DIV</div>

<div align="justify">Começamos justificado<P align="center">centralizei</P>

continuamos justificado</div>

<hr align="center">

<blockquote>Recuando o Texto</blockquote>

<blockquote><blockquote>Recuando o Texto 2 vezes</blockquote></blockquote>

<HR color="red" size=10 width=75%>

</body>

</html>

Sobre o Autor

Administração


Votação: Not yet rated

Comentários

Nenhum comentário adicionado.

Adicionar comentário

Não tem permissão para inserir comentários. Se fizer Log in, tem a possibilidade de comentar.