HTML, alinhamento e parágrafos

Nesta lição, vamos focar no estudo de parágrafos e no seu respetivo alinhamento. Antes de mais, é necessário dizer que por parágrafo entende-se uma ou mais linhas de texto, o importante é que estejam compreendidas, para as delimitar, entre as tags que regulam precisamente os parágrafos.

A tag que regula e determina um parágrafo é a tag p que, em colaboração com a tag de fecho, envolve as definições do parágrafo, incluindo o alinhamento e a quebra de linha num parágrafo muito longo. O alinhamento é regulado pelo atributo align seguido pelas definições right,left e center. Portanto, para resumir, a definição de parágrafo é determinada pelas tags e o seu alinhamento é regulado pelo atributo align que pode ser definido em right, left e center. Mas vamos ao nosso exemplo habitual para ver a sintaxe destas novas tags:

Neste exemplo, usámos apenas as tags p para definir o parágrafo. Vamos agora ver, usando apenas p, como definir dois parágrafos:

isto apareceria tudo numa linha, mas se interrompesse desta forma:

separaria o texto, quebrando a linha no ponto preferido. Desta forma, criámos dois parágrafos bem distintos. Agora, vamos usar align para fazer testes de alinhamento dos dois parágrafos no exemplo:

Na prática, alinhamos o primeiro parágrafo à esquerda e o segundo à direita. Vamos agora com três parágrafos usando os três parâmetros de alinhamento:

Na prática, escrevemos três parágrafos, cada um definido com o seu alinhamento. Agora surge uma pergunta legítima: se tenho de alinhar os três parágrafos todos à esquerda ou todos à direita ou ainda todos ao centro, para cada tag p devo inserir a definição de alinhamento? A resposta é… não! Para estes casos, muito recorrentes, entra em ação uma nova tag chamada div dentro o qual podemos inserir vários parágrafos sem especificar o alinhamento. Na prática, a tagdiv engloba a formatação de vários parágrafos. Eis então o exemplo para compreender o que quero dizer:

Como podem ver, não há necessidade de especificar o alinhamento para cada parágrafo, pois a tag div cuida disso. Nesta lição, compreendestes ainda melhor que cada tag individual pode conter parâmetros de formatação que a tornam, de uma simples etiqueta, uma ferramenta muito poderosa para a criação e visualização de páginas web. Cada tag individual pode ser associada a um parâmetro de configuração diferente, tornando-a independente das outras tags que compõem o documento. Salvem o exemplo apresentado sempre como index.html As tags a serem usadas para o texto são principalmente duas, uma para títulos e outra para parágrafos. Para títulos, é usada atagh seguida por um número que vai de 1 a 6, que determina o tamanho da fonte e, portanto, a ênfase do título.

Pubblicato in HTML & CSS