<1> <2> <3> <4> <5> <6> <7> <8> <9> <10> <11> <12> <13> <14> <15> <16>

 

Li��o 4 - Par�grafos e quebra de linhas

 

Uma r�pida li��o sobre inserir quebras de linhas e par�grafos

Objetivos
  Identificar os r�tulos de quebra de par�grafo em HTML
  Copiar texto de uma p�gina WWW e colar em outro documento.
  Inserir quebras de par�grafo em um texto do documento HTML e ver as mudan�as no browser.

 

Li��o

Quebra de Par�grafo

N�s vimos que um browser ignorar� os Carriage Return/Line Feeds digitados no editor de texto. Mas, sempre que o browser v� um r�tulo de par�grafo, ele insere uma linha em branco e inicia um novo par�grafo. O c�digo HTML para for�ar uma quebra destas �: 




     <p>

Note que este r�tulo � especial e n�o requer um r�tulo de termina��o; voc� n�o usa: 




     </p>

Inserindo Quebras de Par�grafo

  1. Re-abra sua �rea de trabalho.
  2. V� para a janela do editor de textos.
  3. Abra seu documento de trabalho, jv1.html
  4. Inicialmente, mova a segunda e a terceira senten�as ("Joinville � ...") para ficar sob o header Apresenta��o. Use o mouse e a facilidade "Cut e Paste" do ambiente de trabalho (MS Windows/X-Windows)
  5. Adicione o trecho abaixo. Mas ao inv�s de redigit�-lo, use seu mouse para selecionar o texto abaixo e copie, usando o recurso Copy do seu browser (menu Edit): 
    


        A maior parte do territ�rio onde est� localizado

        o munic�pio de Joinville constava do dote de Fran�ois

        Ferdinand Phillipe, Pr�ncipe de Joinville e filho de Louis

        Phillipe, rei da Fran�a, recebera em 1843 por ocasi�o

        de seu casamento com a Princesa Francisca Carolina, irm� de 

        D. Pedro II. Assim, quando a 9 de mar�o de 1851 chegaram os

        primeiros imigrantes alem�es, su�cos e noruegueses a

        bordo da barca Colon, efetivou-se a funda��o da nova

        comunidade com a denomina��o de Col�nia Dona Francisca.

        Em 1852, a Col�nia passou a denominar-se Joinville, em homenagem

        ao Pr�ncipe que cedera parte das terras para coloniza��o.
  6. Agora, retorne para o editor de textos onde seu documento HTML est� sendo trabalhado e Paste o trecho que estava no clipboard ap�s o cabe�alho Hist�ria.
  7. Salve as mudan�as no editor de textos.
  8. Retorne para o browser.
  9. (Re)carrege a p�gina de trabalho. Colocaremos agora uma quebra de par�grafo entre as frases, conforme abaixo.
  10. Ap�s a segunda frase senten�a (antes de "Em 1852 ..."), tecle ENTER (n�o � necess�rio, mas permite a leitura no editor mais f�cil), e digite o r�tulo de par�grafo: 
    


     <p>
  11. Salve as mudan�as no editor de textos.
  12. Retorne para o browser e Recarrege o documento. As frases do texto referente ao Hist�rico devem estar em par�grafos separados, agora.

 

Outro tipo de Quebra - Horizontal Rule (R�gua Horizontal)

Para separar se��es principais de uma p�gina WWW, use a R�gua Horizontal ou seja, o r�tulo HR. Isto inserir� uma linha reta, horizontal, como voc� v� no p� desta p�gina. O formato HTML para o Horizontal Rule �: 




     <hr>

A R�gua Horizontal pode ser utilizada com alguns atributos:

<hr size=altura_da_linha width=largura align=alinhamento>

Onde a largura pode ser definida em pixels (width=100 por exemplo) ou em porcentagem do tamanho horizontal da tela (width=30% por exemplo).

Exemplo:
<hr size=8 width=50% align=right>
cria uma linha com 8 pixels de altura, com largura igual a 50% do tamanho da tela, alinhada � direita, como a seguinte:

 

Uma linha mais s�lida pode ser criada usando o atributo noshade junto com o hr, como no exemplo:
<hr width=30% noshade>
Gera a linha:

 

Para praticar, insira um r�tulo hr acima do cabe�alho Apresenta��o. Isto ajudar� a separar a senten�a de abertura da li��o das outras partes que seguem.

 

Revis�o

  1. Qual � o r�tulo para quebra de par�grafo?
  2. O que � um HR?

Pr�tica Independente

Use o r�tulo par�grafo ou a r�gua horizontal para criar par�grafos ou se��es em seu pr�prio documento.

 

Página Inicial | Índice |