HTML Leandro Sorgetz, Roberto Pretto Faculdades de Informática de Taquara Curso de Sistemas de Informação Fundação Educacional Encosta Inferior do Nordeste Av. Oscar Martins Rangel, 4500 Taquara RS Brasil leandro@faccat.br, rpretto@tca.com.br Resumo. Este artigo descreve, em linhas gerais, as características e funcionalidades da linguagem HTML (HyperText Markup Language - Linguagem de Formatação de Hipertexto). Os assuntos abordados são histórico, evolução, paradigma, características técnicas, aplicabilidade e um exemplo desta linguagem. 1. Histórico O criador da HTML foi o inglês Tim Berners-Lee, em 1991. Sua criação se concebeu no CERN (European Council for Nuclear Research), na suíça. A sua intenção era interligar computadores do laboratório a outras instituições de pesquisa e exibir documentos científicos de forma simples e fácil de acessar. Para muitos Vannevar Bush é o verdadeiro pai do hipertexto Em 1945 escreveu um artigo intitulado "As que may think", no qual descrevia um dispositivo chamado Memex. O seu objetivo era aumentar a memória humana providenciando os meios para organizar a informação associadamente. Entretanto a contribuição de Ted Nelson para o desenvolvimento do hipertexto e do hipermedia é profunda, estendendo-se até à própria origem dos termos hipertexto e hipermedia. A partir de 1960, desenvolveu um paradigma compreensivo para a implementação de um sistema hipermedia distribuído, que cobria todo o espectro de saídas: dos algoritmos à economia. O resultado deste paradigma é o projecto Xanadu. Em 1992, com a liberação da biblioteca de desenvolvimento para WWW (World Wide Web - Rede de Alcance Mundial), deu-se a construção de vários browsers (navegadores) WWW e servidores que viabilizaram a WEB. O Mosaic, foi um dos primeiros. O HTML desenvolve-se de modo que todos os equipamentos sejam capazes de usar a informação da WEB. O objetivo é que computadores com monitores de diversas resoluções e vários números de cores, equipamentos para entrada e saída de voz, computadores com alta e baixa largura de freqüência entre outros, não sejam empecilhos para que os documentos sejam exibidos. 2. Evolução A evolução, depois de seu surgimento em 1992, inicia em 1993 com o HTML+, contendo algumas definições novas na aparência, tabelas, formulários. Em 1994, através do HTML V2.0, houve a padronização para as características principais. Ainda em 1994, surgiu a versão extendida do HTML+, o HTML v3.0
Em 1995, com o HTML v3.2, a Netscape e o Internet Explorer definem seus próprios padrões baseados nas implementações correntes. No mesmo ano é criada a JavaScript, por Brendan Eich da Netscape. O objetivo era torná-la uma extensão do HTML para o browser Navigator v2.0. Isso permitiu que objetos fossem manipulados através de eventos dinâmicos que faltavam ao HTML. O HTML v4.0 surge com os browsers Netscape v4.0 e Internet Explorer v4.0, em 1997, que apresentaram um conjunto de tecnologias (CSS, JavaScript/VBScript e DOM) que juntas disponibilizaram diversos recursos tornando o HTML dinâmico. Surge então o DHTML. Em 1999 após algumas modificações da versão anterior, surge o HTML v4.01. Finalmente, em 2000, é criado o XHTML, que consiste de uma versão XML do HTML v4.01. 3. Paradigma O HTML se enquadra no paradigma imperativo. Não podemos confundir HTML com linguagens de programação, uma vez que ela é, na verdade, uma linguagem de marcação (markup), ou seja descrevem a aparência geral de documentos. Por isso ela também é considerada uma linguagem fácil de ler e de escrever. 4. Características Técnicas Os documentos HTML são arquivos escritos em ASCII - texto que podem ser criados em qualquer editor de texto (vi, emacs, edit, notepad, etc.). Existem editores específicos para várias plataformas assim como conversores de vários formatos, por exemplo, doc para html, ppt para html, e assim por diante. A unidade mínima de informação é a página. Como HTML é uma linguagem de marcação, estas marcações, conhecidas como tags, consistem do sinal (<), seguida pelo nome da marcação e fechada por (>). De um modo geral, as tags aparecem em pares, por exemplo, <H1> Cabeçalho</H1>. O símbolo que termina uma determinada marcação é igual aquele que a inicia, antecedido por uma barra (/) e precedido pelo texto referente. No exemplo, <H1> avisa ao cliente WEB para iniciar a formatação do primeiro nível de cabeçalho e </H1> avisa que o cabeçalho acabou. Há exceções a esse funcionamento em pares das marcações. Por exemplo, a que indica um final de parágrafo: <P>. Não necessita de uma correspondente: </P>. A marcação que indica quebra de linha - <br> - também não precisa de uma correspondente, e outras tais como <hr> e <li>.. Exemplos de Marcações: A notação: <TITLE> (e a correspondente </TITLE>), especificam o título de um documento. A notação: <H1> (e a correspondente </H1>), indica a aparência de um cabeçalho. A notação: <P>é a marcação para final de parágrafo.
Todo documento deve ser identificado como HTML (<html> </html>), ter uma área de cabeçalho (<head></head>) com o nome para o documento (<title> </title>), um título principal e uma área definida como corpo(<body></body>) do conteúdo do documento. Como o exemplo a seguir: <HTML> <HEAD> <TITLE>Exemplo de HTML simples</title> </HEAD> <BODY> <H1>Este é o primeiro nível de cabeçalho</h1> Bem-vindo ao mundo do HTML. Este é o primeiro parágrafo.<p> E este é o segundo.<p> </BODY> </HTML> Esta página vai como na Figura 1. Figura 1.
5. Aplicabilidade HTML é usada na criação de páginas para WEB em todos segmentos da economia, educação e entretenimento. Pode também ser usada em ambientes com intranet. Com o uso de linguagens dinâmicas como php e asp e, pode-se inserir, consultar e alterar bancos de dados, como MySQL, Postgree ou ainda outros. Atualmente o HTML pode ser usado com os mais diversos recursos disponíveis para WEB. 5. Exemplo de uma página em HTML <html> <head> <title>linguagens de Programação</title> </head> <body bgcolor="#0066ff"> <hr> <p align="center"><font color="#ffffff" size="4">fit - Faculdades de Informática de Taquara</font></p> <p align="center"><font color="#ffffff" size="4">sistemas de Informação</font></p> <p align="center"><font color="#ffffff" size="4">leandro Sorgetz e Roberto Pretto</font></p> <p align="center"><font color="#ffffff" size="4">professor Marcelo Azambuja</font></p> <hr align="center"> <div align="center"><center> <table> <tr> <td><a href="artigohtml.pdf"><font color="#gggggg" size="4">html</font></a></td> <td><hr> </td> </tr> </table> </center></div> </body> </html>
Quando o texto acima é salvo em um arquivo com extensão htm ou html e aberto em um browser vemos o que mostra a Figura 2 Figura 2. 8. Conclusões HTML, desde que foi criada, é amplamente utilizada nos mais diversos browsers existentes, entretanto, para os fins que a Internet como um todo vem propondo, só HTML é pouco para atender todas necessidades que a demanda por serviços que usuários da WEB necessitam. Com o passar dos anos, essa necessidade tem incrementado - mas não substituído - o uso da HTML. Portanto, conclui-se que HTML é um importante instrumento que será muito utilizado ainda em desenvolvimento de páginas e aplicativos para Internet. 9. Referências SEBESTA, R. W. "Conceitos de linguagens de programação" Porto Alegre, Bookman, 2000. Antonio Geraldo da Rocha Vidal, (2004) "Construção de páginas web com html e scripts" http://www.fea.usp.br/ead451/docs/html.pdf, Agosto. Hyper Text Markup Language (2004) http://orbita.starmedia.com/~edaurelio/e.htm, Agosto.
Cristina Resina Pereira de Sousa, (2004) "Espaço Virtual - mundo real", http://www.citi.pt/estudos_multi/homepages/espaco/, Agosto