Linguagem de Programação HTML
Lucas Backes1
Leandro R. Schwarz Jr.1
1
Faculdades de Informática de Taquara – Faculdades de Taquara (FACCAT)
[email protected], [email protected]
Abstract. The present paper explains quickly, but objectively the main
characteristics of the Programming Language html. It also has a
description and an example to illustrate this explanation.
Resumo. O presente trabalho explana de forma breve, porém objetiva as
características principais da Linguagem de Programação html. Conta
também com um histórico e exemplo para ilustrar a explicação.
1. Histórico e Evolução
Em 1945 surge a primeira proposta para o hipertexto básico através de Vannevar Bush.(
Mas foi na década de 1990 que o inglês Tim Berners-Lee, consultor de software da
CERN – uma famosa organização científica internacional, em Geneva na Suiça – criou o
HTML (HyperText Markup Language). Junto com seu hipertexto, criou também o
HTTP (HyperText Transfer Protocol) e as URLs (Universal Resource Locators).
O hipertexto permite que documentos sejam publicados em um formato nãolinear, ou seja, permite que o leitor vá instantaneamente de uma parte de uma
publicação para outra, ou de um documento para outro. Berners-Lee já havia usado este
formato quando criou um de seus primeiros softwares na CERN, o Enquire (um
software apelidado por ele mesmo de “substituto de memória”, para uso pessoal,
auxiliando-o a lembrar de conexões entre várias pessoas e projetos no laboratório).
No ano de 1995 foi lançado o HTML 2.0, visando “codificar” a prática comum
no finail de 1994. Surgiram também, outras importantes versões do HTML, apesar de
não haverem recebido consenso nas discussões, como foi o caso do HTML+ e o HTML
3.0. Foram importantes por que seus rascunhos criaram novos conceitos que foram
utilizados mais tarde – em 1997 – para a criação do HTML 3.2 sob o esforço do World
Wide Web Consortiom’s HTML Working Group. Em 2000, chega o HTML 4.0, o padrão
atual. Agora com suporte a frames, style sheets (CSS), scripting, e muitos outros
avanços.
2. Paradigma
O HTML é considerado uma linguagem de programação de paradigma imperativo,
apesar de ser, na verdade, uma linguagem de marcação a ser interpretada por um
software (browser).
3. Características técnicas
A linguagem html é, como dito anteriormente, uma linguagem de marcação, ou seja, os
comandos (tags) comunicam a aparência geral do documento html gerado. Essas tags
vêm sempre entre sinais de menor e maior “<>”.
De modo geral, as tags de marcação vêm em pares, uma para iniciar a marcação
e a outra para finalizá-la. Os comandos de finalização são idênticos ao de incício, exceto
por uma barra “/” logo após o sinal de menor “<”. Um documento html começa com a
tag <html> e finaliza, portanto, com </html>.
Existem algumas tags obrigatórias como é o caso da <html> , <head> e
<body>. A marcação <head> indica o que será carregado primeiro na página e é onde
fica a tag <title>, responsável por marcar o espaço onde será designado o título do
documento. A tag <body> vem depois de finalizada a <head>, ou seja, depois da
</head> e indica o onde começa o corpo do documento.
Certas marcações não necessitam de outras para finalizá-las, pois não faria
sentido tê-las. É o caso da tag <p>, que pula uma linha no documento e da <br>, que
apenas “quebra” a linha.
Uma página em html pode ser escrita em qualquer editor texto. Mas existem
programas específicos que agilizam o processo.
4. Aplicabilidade
A linguagem html é o padrão de linguagem para a criação de páginas na Internet. Serve
para os mais variados fins, como criação de páginas pessoais, de empresas, no ramo de
educação e outros. Pode ser, também, utilizado em redes intranet.
O html permite integração com outras linguagens como PHP, MySQL, Postgree,
e muitas outras linguagens que tornam a web mais dinâmica. Através de algumas
linguagens, pode-se fazer com que a página receba dados digitados pelo usuário,
processe em um banco de dados e execute alguma ação com os dados. Como são usadas
as linguagens php e asp, por exemplo, em sites de vendas on-line.
5. Exemplo de uma página em HTML
Abaixo temos um exemplo de uma página escrita em html.
<html>
<head>
<title>Exemplo de página html</title>
</head>
<body bgcolor="#FFFFFF" link="#000000" alink="#000000" vlink="#000000">
<center>
<h1>Aqui fica o título</h1><p>
Por causa dos comandos link="#000000", alink="#000000" e vlink="#000000", todos
<br>
os links dessa página estarão em branco. Essa é a função do comando link. Os
comandos
<br>
alink e vlink são responsáveis pelas cores dos link nos momentos em que é clicado e
<br>
depois que é visitado respectivamente.
<p>
Graças às tags ,center e /center, o título e o texto estão centralizados.
<p>
Abaixo temos um link para essa mesma página onde estamos, somente para que possam
ver
<br>
como ficam os links. Por padrão, eles estão sempre sublinhados.
<p>
<a href="http://fit.faccat.br/~baxxx/teste.html">Essa linha é um link</a>
</center>
</body>
</html>
Veja na imagem 1 como fica esse código interpretado pelo browser.
Imagem 1.
6. Referências
SEBESTA, R. W. "Conceitos de linguagens de programação" Porto Alegre, Bookman,
2000.
Internet: “The History oh html” http://inventors.about.com/library/inventors/blhtml.htm
Internet: “Virtual Shelter” http://members.fortunecity.com/vshelter/html/