Linguagem de Programação HTML

 

Lucas Backes1

Leandro R. Schwarz Jr.1

 

1Faculdades de Informática de Taquara – Faculdades de Taquara (FACCAT)

 

bluebackes@faccat.br, sombra@faccat.br

 

 

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ão-linear, 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/