FUNDAMENTOS B�SICOS
HTML
HTML (HyperText Markup Language) � uma
linguagem de marca��o de texto utilizada para publica��o no WWW. Consiste de r�tulos
que marcam trechos e blocos de texto que s�o utilizados por um visualizador HTML (ou browser)
para formatar o documento e apresent�-lo na tela.
Como foi mencionado antes, para escrever HTML, n�o � necess�rio mais que um editor
de textos. Pode-se usar, al�m do conjunto de caracteres b�sico do teclado, os caracteres
do alfabeto ISO 8859-1 (ISO Latin-1). Desta forma, � poss�vel escrever
normalmente em portugu�s com acentos e cedilha, desde que seu editor de texto ou terminal
permitam. Pode-se tamb�m, se necess�rio, utilizar o conjunto b�sico (US ASCII 7bit) e
representar acentos, caracteres especiais e s�mbolos do alfabeto ISO Latin-1.
Esta parte abrange os seguintes t�picos:
Representa��o dos Elementos
Os elementos HTML s�o representados no texto atrav�s de r�tulos (ou tags).
O visualizador interpreta como r�tulos todos os elementos HTML v�lidos que
estejam entre < e >. Por exemplo: <BR>
� interpretado como uma quebra de linha. <NHAC>, � ignorado e n�o
aparece na p�gina, pois n�o existe. Apesar de n�o aparecerem, elementos inv�lidos n�o
devem ser usados para texto escondido. Existe uma marca��o especial para coment�rios.
A maioria dos elementos HTML possuem um r�tulo inicial e um r�tulo final,
envolvendo o texto que � marcado por eles. A sintaxe b�sica
<Elemento> Texto marcado por Elemento </Elemento>
Observe que o r�tulo de fechamento tem o mesmo nome que o r�tulo inicial,
mas � precedido por uma barra ("/"). Alguns elementos podem ter um ou mais atributos,
que definem alguma caracter�stica especial. Os atributos, quando presentes, aparecem no
r�tulo inicial separados por espa�os, logo ap�s o nome do elemento.
Exemplos de elementos HTML com atributos:
<BODY BACKGROUND="backgrounds/papel-de-parede.gif">...
corpo do documento ... </BODY>
- define uma imagem de fundo, disposta em mosaico, para a p�gina.
<table border> ... conte�do e r�tulos de tabela ... </table>
- define uma borda para a tabela.
<hr noshadow width=50% size=10 align=left>
- define uma linha horizontal sem sombra, com largura de 50% da p�gina, 10 pixels de
espessura e alinhada pela esquerda.
Os caracteres "<" e ">",
por definirem o in�cio e final dos r�tulos, s� podem ser impressos na tela do
visualizador HTML se forem referenciados atrav�s de uma seq��ncia de escape. Esta
seq��ncia � indicada por um "&" seguido de uma abrevia��o
e um ponto-e-v�rgula, indicando o final da seq��ncia. As principais seq��ncias
de escape, necess�rias para produzir "<", ">",
"&" e aspas (quando necess�rio) s�o:
| < |
< |
| > |
> |
| & |
& |
| " |
" |
Toda a formata��o da p�gina � realizada exclusivamente com base na
marca��o do texto pelos elementos HTML. Somente atrav�s de elementos HTML pode-se
quebrar uma linha, criar uma endenta��o, iniciar um novo par�grafo, etc. Qualquer
formata��o previamente realizada (exceto para texto rotulado com <PRE>)
� ignorada. Espa�os extras, tabula��es, retornos, novas-linhas, etc. n�o s�o
considerados. O exemplo a seguir ilustra esta caracter�stica:
Os tr�s par�grafos...
"No reino dos ares sou a liberdade;
entre os guerreiros sou a vit�ria;
entre os animais que habitam as �guas sou o crocodilo;
entre os rios sou o Ganges."
(Bhagavad Gita)
|
"No reino dos ares sou a liberdade; entre os guerreiros
sou a vit�ria; entre os animais que habitam as �guas
sou o crocodilo; entre os rios sou o Ganges."
(Bhagavad Gita)
|
No reino dos ares sou a liberdade; entre os guerreiros
sou a vit�ria; entre os animais que habitam as
�guas sou o crocodilo; entre os rios sou o Ganges.
(Bhagavad Gita)
|
... ser�o formatados da mesma maneira pelo visualizador e ficar�o
assim:
| "No reino dos ares sou a liberdade; entre os guerreiros sou a vit�ria; entre os
animais que habitam as �guas sou o crocodilo; entre os rios sou o Ganges." (Bhagavad
Gita) |
Tamb�m n�o importa se s�o utilizadas letras mai�sculas ou min�sculas para definir
o r�tulo, ou seja, tanto faz <BODY>, <body>,
<Body> ou <bOdY>.
Esta regra n�o vale, por�m, para as URLs que podem ser referenciadas (entre aspas,
geralmente) por atributos dentro dos r�tulos.
[Volta para o in�cio desta p�gina]
Estrutura Hier�rquica
A estrutura b�sica (m�nima) de uma p�gina HTML � a seguinte:
<!DOCTYPE HTML Public "-//IETF//DTD HTML//EN" -->
<HTML>
<HEAD>
<TITLE> Descri��o do documento </TITLE>
[elementos opcionais]
</HEAD>
<BODY>
[texto e elementos HTML]
</BODY>
</HTML>
A primeira linha: <!DOCTYPE HTML Public "-//IETF//DTD
HTML//EN" --> � um r�tulo SGML que informa ao visualizador que
ele deve interpretar o documento de acordo com a defini��o de documento (DTD) tipo HTML gen�rico,
aceitando os r�tulos que ele conhece e ignorando os r�tulos que ele n�o conhece. A
maioria dos browsers atuais assume essa defini��o por default, na aus�ncia da
declara��o acima.
O elemento <HTML>...</HTML>
marca o in�cio e o final do documento HTML. Deve conter duas sub-estruturas distintas: o cabe�alho,
delimitado por <HEAD> e </HEAD>, e o corpo do
documento, entre os r�tulos <BODY> e </BODY>.
O bloco do cabe�alho, marcado por <HEAD> e </HEAD>
pode conter informa��es sobre o conte�do do documento utilizada para fins de
indexa��o e organiza��o. N�o cont�m informa��o que ser� exibida na p�gina.
<TITLE> � o �nico elemento obrigat�rio do bloco
do cabe�alho. Deve conter o t�tulo do documento que aparece geralmente, fora da
p�gina, na barra de t�tulo do browser. O t�tulo deve conter informa��es que
descrevam o documento. N�o deve ser excessivamente longo nem muito curto a ponto de n�o
conter informa��o suficiente. O seguinte exemplo � um bom t�tulo:
<TITLE>Tutorial sobre HTML: Introducao</TITLE>
enquanto que os dois seguintes s�o t�tulos ruins:
<TITLE>Introducao</TITLE>
<TITLE>Introducao ao HTML abrangendo recursos de listas, tabelas,
formul�rios e interface CGI, com exemplos de utiliza��o e exerc�cios. Abrange HTML
2.0, HTML+, HTML 3.0 e Extens�es do Netscape. Escrito por fulano de tal em 31 de
fevereiro de 1996. Bl� bl� bla...</TITLE>
O bloco marcado por <BODY> e </BODY>
cont�m a parte do documento onde ser� colocada a informa��o que efetivamente
ser� mostrada e formatada na tela pelo browser. Neste tutorial, todos os elementos
que apresentaremos nas p�ginas a seguir, estar�o dentro da estrutura de <BODY>
(com exce��o de <TITLE>, descrito acima, que fica em <HEAD>).
[Volta para o in�cio desta p�gina]
[Voltar para o Sum�rio]
| 
