(Hypertext Markup Language-Linguagem de Marcação de
Hipertexto) é a linguagem com que são codificadas as páginas da Web.
O funcionamento da Web tem como base:
A linguagem HTML-
que codifica a estrutura de bases das paginas Web
Protocolo HTTP-
que assegura a transferência dessas paginas através da Internet.
·
A HTML
não é uma linguagem de programação propiamente dita. É uma linguagem de estruturação
e formatação de documentos (markup language). Como, tal, a HTML não possui os
recursos típicos das linguagens de programação, tais como: variáveis,
operadores, funções, estruturas de controlo, etc.
·
A utilização de HTML simples apenas produz páginas Web estáticas e sem
interactividade com o utilizador. Para introduzir estas características nas
páginas Web torna-se necessário combinar HTML com outras linguagens, nomeadamente
as linguagens de scripiting, como, Javascript; PHP; JSP; ASP; etc.
·
A linguagem HTML utiliza Tags, marcas ou etiquetas de
marcação para definir a estrutura e formatação das páginas Web
Regras básicas que são necessárias compreender antes de se
começar com a criação de páginas.
Todos os ‘tags’ são inseridos entre o sinal de menor e
maior:
<tag>
Tirando aqueles que representam a posição de um objecto (a inserção
de uma imagem, por exemplo), todos os tags de formatação devem ser abertos e
fechados (utilizando o caracter /)
<tag> </tag>
Todos os tags obedecem a uma hierarquia, como no
seguinte exemplo:
<a> <b> <c>
</c> </b> </a>
O primeiro abrir é o ultimo a fechar, e vice-versa.
<a> <b> <c>
</a> </b> </c>
É indiferente utilizar maiúsculas ou minúsculas nos tags.
<tag> é igual a
<TAG> e a <Tag>
Nota: No HTML, actual, as tags devem ser escritas em maiúsculas
Estrutura básica de um documento HTML
Um documento HTML
começa com tag de abertura <html> e termina com a tag de fecho
</html>
Exemplo:
<HTML>
.
.
.
</HTML>
As duas partes principais que constituem um documento:
·
O cabeçalho (head) - que fica compreendido entre
tags <head> e< /head>;
·
O corpo do documento (body) - que fica entre as
tags <body> e</body>
Exemplo: <HTML>
<HEAD>
.
.
</HEAD>
.
.
<BODY>
.
.
</BODY>
·
O Principal elemento que é incluído no cabeçalho
é o titulo da página –que surge entre as tags <title> e </title>
. (Este t´tulo aparece na barra de t´tulo do browser em que a página for
aberta.)
·
No corpo do documento (entre as tags <body> e </body> é inserida toda a informação a apresentar ma
página-texto, imagens,etc.)
Criação de páginas HTML
·
Para criarmos a nossa primeira página em HTML,
basta um simples editor de texto, como o Notpad ou Bloco de Notas.
Podemos começar por inserir o seguinte:
<HTML>
<HEAD>
<TITLE> A minha primeira
pagina </TITLE>
</HEAD>
<BODY>
</BODY>
</HTML>
Nota: Guardar o ficheiro com a extensão. htm (exemplo: índex.htm)
Vamos fazer a seguinte alteração:
<HTML>
<HEAD>
<TITLE> A minha primeira
página </TITLE>
</HEAD>
<BODY>
Olá mundo
</BODY>
</HTML>
·
Este <BR>
(de Break) dá instruções ao browser para fazer uma mudança de linha. Assim, o
resultado devera ser este:
<HTML>
<HEAD>
<TITLE> A minha primeira
página </TITLE>
</HEAD>
<BODY>
Olá mundo
<BR>
Chamo-me Ailton
</BODY>
</HTML>
Sem comentários:
Enviar um comentário