banco de dúvidaslistacontatooutros materiais


Material desenvolvido para os usuários do Instituto de Ciências Matemáticas e de Computação, da Universidade de São Paulo em São Carlos, SP

Autora: Maria Alice Soares de Castro

ATENÇÃO:
Este material não pode ser comercializado.

Este trabalho não tem fins lucrativos, nem está relacionado a provedores de acesso ou sites comerciais.

:: Capa » HTML Básico

  

Separadores

Como vimos no primeiro exemplo, as quebras de linha do texto fonte não são significativas na apresentação de documentos em HTML. Para organizar os textos, precisamos de separadores, apresentados aqui.

 

Quebra de linha

Quando queremos mudar de linha, usamos o elemento <BR>. Isso só é necessário quando queremos uma quebra de linha em determinado ponto, pois os browsers já quebram as linhas automaticamente para apresentar os textos.

Com sucessivos <BR>, podemos inserir diversas linhas em branco nos documentos. Esse elemento tem um atributo especial, que será apresentado no item sobre inserção de imagens.

 

Parágrafos

Para separar blocos de texto, usamos o elemento <P>:

Parágrafo 1;<P>Parágrafo 2.

que produz:

Parágrafo1;

Parágrafo2.

Combinando parágrafos e quebras de linha, temos:

Parágrafo 1;<br> linha 1 do parágrafo 1, <br>linha 2 do parágrafo 1.<P>Parágrafo 2;<br> linha 1 do parágrafo 2, <br>linha 2 do parágrafo 2.

O resultado da marcação acima é:

Parágrafo 1;
linha 1 do parágrafo 1,
linha 2 do parágrafo 1.

Parágrafo 2;
linha 1 do parágrafo 2,
linha 2 do parágrafo 2.

topicoIntrodução à Linguagem HTML
topicoO documento básico e seus compontentes
    item<HEAD>
    item<BODY>
    itemCabeçalhos
    itemSeparadores
    itemListas
topicoFormatação de textos
topicoLigações (uso de links)
topicoInserção de imagens

 

 


<P> tem atributo de alinhamento, como os cabeçalhos:

<P ALIGN=CENTER>Assim como os trens, as boas idéias às vezes chegam com atraso. <BR>(Giovani Guareschi)</P>

Assim como os trens, as boas idéias às vezes chegam com atraso.
(Giovani Guareschi)

<P ALIGN=RIGHT>Como diz o provérbio chinês: “É melhor passar por ignorante uma vez do que permanecer ignorante para sempre”.</P>

Como diz o provérbio chinês: “É melhor passar por ignorante uma vez do que permanecer ignorante para sempre”.

<P ALIGN=LEFT>Este é o alinhamento padrão (default), e por isso não vou colocar nenhuma frase especial.</P>

Este é o alinhamento padrão (default), e por isso não vou colocar nenhuma frase especial.

 

Linha Horizontal

<HR> insere uma linha horizontal:

Essa linha tem diversos atributos, oferecendo resultados diversos.

<HR SIZE=7> insere uma linha de largura 7 (pixels):

<HR WIDTH=50%> insere uma linha que ocupa 50% do espaço horizontal disponível:

<HR WIDTH=30% ALIGN=RIGHT NOSHADE> insere uma linha de comprimento 30% (do espaço horizontal disponível), alinhada à direita, sem efeito tridimensional:

<HR SIZE=70 WIDTH=2 ALIGN=LEFT> insere uma linha de largura 70 (pixels), comprimento 2 (pixels), alinhada à esquerda (o Netscape, aparentemente, não aceita esta formatação de <HR>):

 

 

«Divisões»

Outros elementos usados para separar porções de texto são o <DIV> e o <CENTER>.

<CENTER> centraliza os elementos - textos, imagens, tabelas - que estiverem dentro de sua marcação.

<DIV> marca uma divisão lógica de um documento e é uma formatação bastante usada atualmente.

 

 

 

 

 

 

©1995-2003 - URL: http://www.icmc.usp.br/ensino/material/html/separa.html