Embed Size (px)
Citation preview
É a designação abreviada para HyperText Markup
Language, uma linguagem de programação
composta por letras e abreviaturas (tags) utilizadas
para criar documentos na Internet. Estas tags não
são mais do que instruções que indicam ao
browser a forma e o aspeto que a página assume
aos olhos de um visitante.
1. As tags encontram-se sempre ladeadas pelos caracteres
“<>” (Ex: <HTML>);
2. Normalmente, e salvo raras exceções, utilizam-se
sempre aos pares e delimitam o texto que se pretende
afetar.
A primeira tag (tag de inicialização) dá início à alteração
que se pretende efetuar e a segunda (tag de finalização)
devolve a condição à sua situação inicial;
3. A tag de finalização é sempre igual à tag de inicialização,
com a única diferença de ser precedida por uma barra “/”
(ex.: </B>);
4. Caso exista mais do que uma tag dentro da mesma
instrução HTML, a primeira tag a ser finalizada será a
última que foi encerrada, caso contrário o resultado final
não será desejado.
<HEAD><TITLE>Título</TITLE></HEAD>
5. Algumas tags possibilitam a introdução de atributos cujo
valor tem a capacidade de alterar o comportamento normal
da tag. Por exemplo, o atributo ALIGN quando colocado
dentro da tag de parágrafo <P>, permite definir o
alinhamento do próximo parágrafo do texto (um parágrafo
alinhado ao centro seria: <PALIGN=”CENTER”>)
Para que o browser utilizado consiga reconhecer e interpretar a
linguagem HTML, a maior parte das instruções presentes em qualquer
página Web são compostas por uma tag inicial e por uma tag final
facilmente identificáveis uma vez que se encontram ladeadas pelos
caracteres “<>”.
Basicamente, a página que se propõe construir deve assentar na
seguinte estrutura base:
<HTML>
<HEAD>
<TITLE> Título da página </TITLE>
</HEAD>
<BODY>
Conteúdo da sua página
</BODY>
</HTML>
Utilize as tags <HTML> e </HTML> para iniciar e terminar a
página que vai começar a construir. Quaisquer conteúdos
que tencione introduzir na página (texto, fotografias, links, ...)
deverão ser precedidos pelas tags <HEAD> e <BODY> e
encerrados pelas tags equivalentes (</HEAD> e </BODY>).
A tag <HEAD>, colocada logo a seguir a <HTML>, contém
todas as informações correspondentes ao cabeçalho da
página; isto é, será nessa zona que vamos definir o título da
mesma e colocar as respectivas Tags
A tag <BODY> (“corpo”), deverá ser colocada logo após a
tag </HEAD>, define o conteúdo da página propriamente
dito, e apenas poderá ser finalizada imediatamente antes da
tag </HTML>.
Por defeito, o fundo de uma página HTML é branco, mas se
podemos, sempre escolher uma outra cor.
Para aplicarmos uma cor ao fundo teremos de usar o
comando BGCOLOR inserido dentro da tag BODY, isto é,
para colocar um fundo verde escuro, a instrução a utilizar
será: <BODY BGCOLOR="#008000"> Se, quisermos colocar
uma imagem como fundo da página devemos usar o
comando; BACKGROUND="nome-da- imagem“.
Qualquer que seja a imagem de fundo a utilizar tem que ter a
extensão GIF ou JPG, e não se esqueça que quanto maior
for a imagem, maior será o tempo que a página levará a
aparecer.
Os links podem ser externos ou internos. Um link interno é
aquele que direciona o utilizador para outra página dentro do
mesmo site e, neste caso, a instrução a utilizar é: <A
HREF="outra_pagina.html"> Outra página</A>O texto
colocado entre as tags <A> e </A> será utilizado como
legenda do link, o qual, aparece sublinhado e assinalado a
azul.
Um link externo conduz os utilizadores para outro site e,
neste caso, vai precisar de colocar o URL (endereço web)
completo associado ao site para o qual pretende redirecionar
a sua pá gina. Por exemplo, para colocar um link para o Clix
a instrução correta é: <A HREF="http://www.clix.pt"> CLIX
</A>. Em muitas páginas, e por uma questão de estética, as
imagens também são utilizadas como link.
