Francisco Santos Agostinho
Professor Auxiliar - Faculdade de Arquitectura da UTL <<
| 1 |
| Programa | Enunciados | Material de apoio |
Ligações locais:
Ligações:
http://www.publico.pt/;
http://online.expresso.pt/; http://www.elpais.es/;
http://www.nouvelobs.com/articles/p2030/index2.html;
http://www.lefigaro.fr/;
http://www.dailytelegraph.news.com.au/index.jsp;
http://www.nytimes.com/;
http://www.newyorker.com/;
Bibliografia:
Coelho, Pedro - Html & Xhtml Curso Completo; FCA Editores
Ray S., Deborah & Eric - Html 4; Sybex Ed.
Ray S., Deborah & Eric - Html 4; Sybex Ed.
Notas:
Marcas Estruturais: Doctype, Html, Head, Title, Body
(- marca Meta HTML 4, pg. 22)
A marca <!DOCTYPE...> identifica a versão de HTML utilizada no documento aberto, dando assim aos browsers uma indicação de como este deverá ser interpretado. Esta marca não é emparelhada, e é requerida pelas especificações 3.2 e 4 do HTML.
O seu uso típico no início do documento é:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD 4.0 Transitional//EN">
A parte pincipal desta marca é o elemento DTD (Document Type Definition) que indica aos browsers que o documento se ajusta a uma versão particular de HTML; no exemplo acima demonstrado dá-se a indicação de que o documento foi produzido segundo a especificação HTML 4 Transitional (a mais flexível, já que interpreta marcas entretanto em desuso; em vez de Transitional poderíamos utilizar a especificação Frameset, indicando que o código utilizado suporta frames).
A marca <HTML> é teóricamente supérfula após o Doctype, mas torna-se útili se o documento for visto em browsers antigos.
A marca <HEAD> contem informação sobre o documento, incluindo o seu título, scripts utilizados, definições de estilo e descrição do documento. Nem todos os browsers requerem a utilização desta marca mas quase todos tentam encontrar informação adicional sobre o documento dentro dela. Uma função importante da marca <HEAD> é a inclusão de informação para motores de busca e programas de indexação.
<TITLE> é uma marca requerida pela especificação de HTML 3.2 e 4, contendo um indicação breve do conteúdo do documento que é vista na barra de título do browser. Esta marca é emparelhada e inserida dentro da marca <HEAD>.
O corpo do documento é circunscrito pela marca <BODY>, a qual engloba todas as marcas, atributos e informação que se pretende apresentar na janela do browser. Esta marca deve ser disposta emparelhada, a seguir à marca <HEAD>.
A implementação mínima da especificação HTML 4 implica o uso das marcas <!DOCTYPE...> e <TITLE>, pelo que é desejável ter um ficheiro modelo com estas marcas, a partir do qual se constroem diferentes páginas.
Utilizando a marca <META ...> podemos dar informações sobre o documento, que serão interpretadas automáticamente por programas como motores de busca, ou de modo a afectar o funcionamento interno do documento (por ex: <META HTTP-EQUIV="refresh" CONTENT="5;URL=index.htm">). O atributo NAME associado à marca META e ao atributo CONTENTS, permite definir palavras-chave (NAME="Keywords") ou uma descrição (NAME="Description") que os motores de busca detectarão e apresentarão aquando da realização de uma busca.
Tabelas
<TABLE>
Atributos:
align="left, center, right"; background="url"; bgcolor="#rrggbb" ou "..."; border="n"; bordercolor="#rrggbb" ou "..."; bordercolordark="#rrggbb" ou "..."; bordercolorlight="#rrggbb" ou "..."; cellpadding="n": especifica em nº de pixeis o espaço entre o bordo da célula e o seu conteúdo; cellspacing="n": especifica o espaço entre o bordo de células adjacentes; class="...": indica que classe de estilo se aplica ao elemento <table> cols="n"; frame="{void, border, above, below, hsides, lhs, rhs, vsides, box}"; id="n": funciona associado a estilos como a class mas apenas pode ser usado uma vez; rules="{none, rows, cols, groups, all}": especifica linhas limite das células; style="..."; summary="...": especifica texto descritivo do conteúdo da tabela; title="...";
<TD>
Atributos:
abbr="...": especifica texto abreviado que substitui momentâneamente o conteúdo da célula; axis="...": especifica de modo abreviado o nome da célula; axes="...": listagem de valores de axis associados à célula; align="{left, right, center, char}": alinhamento horizontal - se align="char", o alinhamento far-se-à sobre um caracter específico (ex.: separador decimal); char="...": especifica o caracter sobre o qual se alinha o conteúdo da célula; o valor por omissão é o separador decimal; charoff="n": nº de caracteres contando da esquerda para definição do alinhamento.
(- marca Meta HTML 4, pg. 22)
A marca <!DOCTYPE...> identifica a versão de HTML utilizada no documento aberto, dando assim aos browsers uma indicação de como este deverá ser interpretado. Esta marca não é emparelhada, e é requerida pelas especificações 3.2 e 4 do HTML.
O seu uso típico no início do documento é:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD 4.0 Transitional//EN">
A parte pincipal desta marca é o elemento DTD (Document Type Definition) que indica aos browsers que o documento se ajusta a uma versão particular de HTML; no exemplo acima demonstrado dá-se a indicação de que o documento foi produzido segundo a especificação HTML 4 Transitional (a mais flexível, já que interpreta marcas entretanto em desuso; em vez de Transitional poderíamos utilizar a especificação Frameset, indicando que o código utilizado suporta frames).
A marca <HTML> é teóricamente supérfula após o Doctype, mas torna-se útili se o documento for visto em browsers antigos.
A marca <HEAD> contem informação sobre o documento, incluindo o seu título, scripts utilizados, definições de estilo e descrição do documento. Nem todos os browsers requerem a utilização desta marca mas quase todos tentam encontrar informação adicional sobre o documento dentro dela. Uma função importante da marca <HEAD> é a inclusão de informação para motores de busca e programas de indexação.
<TITLE> é uma marca requerida pela especificação de HTML 3.2 e 4, contendo um indicação breve do conteúdo do documento que é vista na barra de título do browser. Esta marca é emparelhada e inserida dentro da marca <HEAD>.
O corpo do documento é circunscrito pela marca <BODY>, a qual engloba todas as marcas, atributos e informação que se pretende apresentar na janela do browser. Esta marca deve ser disposta emparelhada, a seguir à marca <HEAD>.
A implementação mínima da especificação HTML 4 implica o uso das marcas <!DOCTYPE...> e <TITLE>, pelo que é desejável ter um ficheiro modelo com estas marcas, a partir do qual se constroem diferentes páginas.
Utilizando a marca <META ...> podemos dar informações sobre o documento, que serão interpretadas automáticamente por programas como motores de busca, ou de modo a afectar o funcionamento interno do documento (por ex: <META HTTP-EQUIV="refresh" CONTENT="5;URL=index.htm">). O atributo NAME associado à marca META e ao atributo CONTENTS, permite definir palavras-chave (NAME="Keywords") ou uma descrição (NAME="Description") que os motores de busca detectarão e apresentarão aquando da realização de uma busca.
Tabelas
<TABLE>
Atributos:
align="left, center, right"; background="url"; bgcolor="#rrggbb" ou "..."; border="n"; bordercolor="#rrggbb" ou "..."; bordercolordark="#rrggbb" ou "..."; bordercolorlight="#rrggbb" ou "..."; cellpadding="n": especifica em nº de pixeis o espaço entre o bordo da célula e o seu conteúdo; cellspacing="n": especifica o espaço entre o bordo de células adjacentes; class="...": indica que classe de estilo se aplica ao elemento <table> cols="n"; frame="{void, border, above, below, hsides, lhs, rhs, vsides, box}"; id="n": funciona associado a estilos como a class mas apenas pode ser usado uma vez; rules="{none, rows, cols, groups, all}": especifica linhas limite das células; style="..."; summary="...": especifica texto descritivo do conteúdo da tabela; title="...";
<TD>
Atributos:
abbr="...": especifica texto abreviado que substitui momentâneamente o conteúdo da célula; axis="...": especifica de modo abreviado o nome da célula; axes="...": listagem de valores de axis associados à célula; align="{left, right, center, char}": alinhamento horizontal - se align="char", o alinhamento far-se-à sobre um caracter específico (ex.: separador decimal); char="...": especifica o caracter sobre o qual se alinha o conteúdo da célula; o valor por omissão é o separador decimal; charoff="n": nº de caracteres contando da esquerda para definição do alinhamento.