abc

ABêCê
 
 

Se já conhece a Luisinha já sabe que em HTML os parágrafos não têm o efeito normal. Tem de se usar <BR> e <P> para obter esse efeito. Vamos ver melhor agora, repare:
Código:
Isto é um parágrafo.
E isto devia ser o seguinte, mas não é.<BR>Agora sim.<P> Melhor ainda, se quisesse uma linha em branco.
Resultado:
Isto é um parágrafo. E isto devia ser o seguinte, mas não é.
Agora sim.

Melhor ainda, se quisesse uma linha em branco.

Os espaços também não funcionam da forma a que estamos habituados. Por mais espaços que se dê desaparecem todos excepto o primeiro.
        Como é que eu dei estes espaços aqui? Escrevi algumas vezes &nbsp; (em minúsculas e com o ; no fim). Estes espaços funcionam, mas dão uma grande trabalheira...

Quando é necessário respeitar a formatação do texto existe uma Tag para isso: <PRE> (de pre-formatado), e a respectiva </PRE> final. O problema é que o texto fica com letra de máquina de escrever.

Há uma série de Tags que servem para modificar o aspecto do texto de uma página.
Vamos ver as principais.

Aos pares. Na primeira linha o código, na segunda o resultado.

Uma palavra em <B>Bold</B> e outra em <I>Itálico</I>
Uma palavra em Bold e outra em Itálico

Uma palavra em <SUB>Subscript</SUB> e outra em <SUP>Superscript</SUP>
Uma palavra em Subscript e outra em Superscript

Uma palavra em <BIG>Big</BIG> e outra em <SMALL>Small</SMALL>
Uma palavra em Big e outra em Small

Uma palavra em <STRONG>Strong</STRONG> e outra em <TT>Teletipo</TT>
Uma palavra em Strong e outra em Teletipo

E para terminar uma palavra em <EM>Emphasize</EM>
E para terminar uma palavra em Emphasize

  • Os nomes foram quase todos em inglês, a relação Tag / efeito fica mais visível assim.
  • Alguns efeitos são indistinguiveis de outros. O Bold do Strong, ou o Itálico do Emphasize, por exemplo.
  • O Blink (não mencionado) é desaconselhável. Alguns Browsers ficam malucos, outros ignoram-no pura e simplesmente. Embora lhe possa parecer uma boa ideia para chamar as atenções a maioria das pessoas acha-o uma chatice.
  • Nada impede que se usem duas ou mais Tags encadeadas. Assim:
    Podem-se ter vários <B><I><SUP>efeitos</SUP></I></B> ao mesmo tempo.
    Podem-se ter vários efeitos ao mesmo tempo.
  • Começou-se com <B><I><SUP> mas a ordem era arbitrária. O obrigatório é terminar pela ordem inversa (neste caso </SUP></I></B>), tenha cuidado com isso.
Uma Tag especial é <ADDRESS> A ideia era standardizar o modo de apresentar os endereços e-mail que eventualmente aparecessem nas páginas, mas generalidade dos Browsers limitam-se a pôr tudo em itálico...
<ADDRESS>idoru@mail.internet.pt</ADDRESS>
idoru@mail.internet.pt

Pode parecer que não faz falta, mas acredite que dá um jeitão. Estou a falar de comentários na página. Um comentário é uma indicação que só aparece no código.
<!--
tenho de confirmar estes cálculos
-->
Tudo o que ficar entre <!-- e --> é considerado um comentário.

Está a ver esta linha aqui em cima? são facílimas de fazer (e de abusar, atenção), <HR> e já está. Pode-se mesmo indicar a espessura da linha, <HR SIZE=10>, veja como sai agora:
Há alturas em que ficam mesmo bem
as coisas centradas
assim!
Tudo o que estiver entre <CENTER> e </CENTER>
fica centrado na página.
E agora outra linha, tamanho 5.

Tamanhos de letras

As primeiras versões do HTML já previam a necessidade de ter palavras ou frases a sobressair do restante texto, por forma a indicar títulos ou cabeçalhos, quer de páginas, quer de secções delas.

Estes títulos indicam-se com <H#> no princípio e </H#> no fim, em que # é um número de 1 a 6 (o 1 dá o título maior). Têm implícito um <BR> antes e outro depois. Foi o que utilizámos no título desta secção, assim:
<H2>Tamanhos de letras</H2>

Um processo mais trabalhoso, mas que dá melhor controle sobre o tamanho do texto, podendo até ser utilizado letra a letra é <FONT SIZE=#>palavra, letra, etc.</FONT>.
O # pode ser um número de 1 a 7 (aqui já o 1 é o tamanho menor e o 7 o maior), ou então de "-2" a "+4", com as aspas e sinal. Há uma correspondência directa, tanto faz utilizar 6 como "+3", 2 como "-1", etc. O 3 corresponde ao texto de tamanho normal.

O efeito é melhor,o controle maior, o trabalho também. O exemplo segue-se:

palavras <FONT SIZE="+2">maiores</FONT> e <FONT SIZE="-1">menores</FONT>
palavras maiores e menores

E agora outro exemplo, mais complicado:

letras <FONT SIZE="+1">a</FONT> <FONT SIZE="+2">cr</FONT>< FONT SIZE="+3">es</FONT>< FONT SIZE="+4">cer</FONT>
letras a crescer

Pode-se também indicar o tipo de letra a utilizar. Fica a informação que nestas páginas se usou <FONT FACE="Arial" SIZE=3>


abêcê listas cores imagens links resumo