Make your own free website on Tripod.com

LIÇÃO 1

Estrutura

  Numa página HTML podem existir textos, imagens, itens multimédia e hipertexto. Para isso o documento HTML apresenta a seguinte estrutura:

<HTML>
<HEAD>
<TITLE>Titulo do documento</TITLE>
</HEAD>
<BODY>

texto, imagem, links, etc...

</BODY>
</HTML>

      Como o HTML não é uma linguagem de programação, nunca será avisado de erros cometidos na edição do seu documento. Um simples esquecimento de uma barra pode mudar a sua página.

Secções

 

Formatação de Textos

 

      Podemos formatar o texto mudando a fonte do texto, a cor, colocando em itálico, negrito, sublinhado, fonte espaçada, subscrito, etc. Para todas elas é necessário delimitar o início e o fim do texto a ser formatado.

      Ainda falando da disposição de texto na página, se desejarmos mudar de linha não basta usar o ENTER como num editor de texto, existem tags específicas para isso, além de outros recursos para alojar um texto na página. São eles:

      Existe também um comando de pré-formatação (<PRE> texto a ser preformatado </PRE>), é usado para que o browser aceite seus espaços grandes de uma letra para outra e o ENTER, Se você colocar a tag <PRE> a forma que digitar o texto será exactamente como aparecerá no Browser.

      Linhas horizontais são formas de deixar sua página com mais facilidade de encontrar coisas e também mais apresentável. Essas linhas são boas saídas para textos grandes em que os assuntos são diversos.

<HR>:
Inclui uma linha horizontal no texto, separando-o em blocos. Nesta tag podemos especificar:
  • WIDTH - nº % do comprimento ou o nº em pixel - Ex.: <HR WIDTH=50%> ou <HR WIDTH=100>;
  • SIZE - espessura do traço - Ex.: <HR SIZE=5>.

 

Exemplo contendo os tags de formatação de texto:

 

<HTML>
<HEAD>
<TITLE>Exemplo das tags</TITLE>
</HEAD>
<BODY BGCOLOR=White TEXT=Black>

<HR WIDTH=80% SIZE=3>
<PRE>


<CENTER>E     X     E     M     P     L     O</CENTER>


</PRE>
<HR WIDTH=80% SIZE=3> <P>
<H1>Tamanho1</H1> <BR>
<H2>Tamanho2</H2> <BR>
<H3>Tamanho3</H3> <BR>
<H4>Tamanho4</H4> <BR>
<H5>Tamanho5</H5> <BR>
<H6>Tamanho6</H6> <BR>
Texto1 - <FONT COLOR=Blue>Cor Azul</FONT> <BR>
Texto2 - <FONT FACE="Times New Roman">Fonte Times New Roman</FONT> <BR>
Texto3 - <B>Negrito</B> <BR>
Texto4 - <I>Itálico</I> <BR>
Texto5 - <TT>Monoespaçado</TT> <BR>
Texto6 - <U>Sublinhado</U> <BR>
Texto7 - <SUP>Sobscrito</SUP> <BR>
Texto8 - <SUB>Subscrito</SUB> <BR>
Texto9 - <S>Taxado</S> <P>

</BODY>
</HTML>

Para ver como ficará a página com estes códigos no Browser crie uma nova página com estes caracteres e grave-a em formato HTML.


Caracteres Especiais

      Alguns caracteres especiais são tratados de uma maneira diferente na Web, pelo facto de que nem todos os computadores ligados à Internet estarem configurados para visualizar os acentos. Existe uma codificação que permite a qualquer equipamento interpretar os códigos e exibir na página o caracter desejado.
      Os códigos funcionam da seguinte maneira:

      Relacionamos abaixo alguns dos caracteres e acentos da HTML:

 
Acentos e Caracteres Código
Agudo &_acute;
Grave &_grave;
Circunflexo &_circ;
Til &_tilde;
Trema &_uml;
Cedilha &_cedil;
& &amp;
< &lt;
> &gt;
© &copy;
" &quot;
(espaço em branco) &nbsp;


 

Introdução| Lição 1| Lição 2| Lição 3| Lição 4| Lição 5| Lição 6| Lição 7| Lição 8| Lição 9