Você está na página 1de 8

Histria do HTML

HTML a lngua me do seu navegador.


Em 1945, Vannevar Bush, props em um artigo intitulado As we may think a idia para um
sistema de armazenamento de informaes o qual ele denominou MEMEX. Bush idealizou
uma mquina que teria a capacidade de armazenar informao textual e grfica, informaes
essas com a capacidade de serem relacionadas por meio de ligaes dinmicas ou seja links a
quaisquer outras informaes.
At ento o termo "hypertext" no existia. Foi em 1965 que Ted Nelson, em um artigo
publicado no livro "Literary Machines" cunhou este termo. O primeiro sistema baseado em
hipertexto foi desenvolvido em 1967 por uma equipe liderada por Andries van Dam na
"Brown University". A pesquisa foi coordenada pela IBM e a primeira implementao
hipertexto, Hypertext Editing System, foi executada em um mainframe IBM/360. Em 1987
Bill Atkinson criou o Hypercard, sistema hipertexto feito para facilitar a criao de aplicaes
em hipertexto. Dentre suas implementaes haviam os grficos bitmaps, campos de
formulrio, script e pesquisa rpida de texto. Em 1989, nos laboratrios do CERN, Tim
Berners-Lee e Robert Caillau lanaram as idias de um sistema que poderia ser acessvel por
diferentes plataformas de computadores, realidade existente poca no CERN. Nascia ento a
concepo do HTML, bem como sua utilizao junto com o protocolo HTTP.
A histria do HTML foi inventado em 1990 por um cientista chamado Tim Berners-Lee. A
finalidade inicial era a de tornar possvel o acesso e a troca de informaes e de
documentao de pesquisas, entre cientistas de diferentes universidades. O projeto inicial
tornou-se um sucesso jamais imaginado por Tim Berners-Lee. Ao inventar o HTML ele
lanou as fundaes da Internet tal como a conhecemos atualmente.
Tim Berners-Lee criou o HTML original (e outros protocolos associados como o HTTP) em
uma estao NeXTcube usando o ambiente de desenvolvimento NeXTSTEP. Na poca a
linguagem no era uma especificao, mas uma coleo de ferramentas para resolver um
problema de Tim: a comunicao e disseminao das pesquisas entre ele e seu grupo de
colegas. Sua soluo, combinada com a ento emergente internet pblica (que tornaria-se a
Internet) ganhou ateno mundial.
As primeiras verses do HTML foram definidas com regras sintticas flexveis, o que ajudou
aqueles sem familiaridade e conhecimento com a publicao na Web. Atualmente a sintaxe do
HTML muito mais rgida, permitindo um cdigo mais preciso. Atravs do tempo, a
utilizao de ferramentas para autoria de HTML aumentou, assim como a tendncia em tornar
a sintaxe cada vez mais rgida. Apesar disso, por questes histricas (retrocompatibilidade), os
navegadores ainda hoje conseguem interpretar pginas web que esto longe de ser um cdigo
HTML vlido.
A linguagem foi definida em especificaes formais na dcada de 1990, inspiradas nas
propostas originais de Tim Berners-Lee em criar uma linguagem baseada em SGML para a
Internet. A primeira publicao foi esboada por Berners-Lee e Dan Connolly, e publicada em
1993 na IETF como uma aplicao formal para o SGML (com uma DTD em SGML definindo
a gramtica). A IETF criou um grupo de trabalho para o HTML no ano seguinte, e publicou o
HTML 2.0 em 1995. Desde 1996, as especificaes HTML vm sendo mantidas, com o
auxlio de fabricantes de software, pela World Wide Web Consortium (W3C).Apesar disso,

em 2000 a linguagem tornou-se tambm uma norma internacional (ISO/IEC 15445:2000). A


ltima especificao HTML lanada pela W3C foi a recomendao HTML 4.01, publicada no
final de 1999. Uma errata ainda foi lanada em 2001.
Desde a publicao do HTML 3.5 no final de 1997, o grupo de trabalho da W3C tem cada vez
mais e de 2002 a 2006, de forma exclusiva focado no desenvolvimento do XHTML,
uma especificao HTML baseada em XML que considerada pela W3C como um sucessor
do HTML. O XHTML faz uso de uma sintaxe mais rigorosa e menos ambgua para tornar o
HTML mais simples de ser processado e estendido.
HTML uma linguagem que possibilita apresentar informaes (documentao de pesquisas
cientficas) na Internet. Aquilo que voc v quando abre uma pgina na Internet a
interpretao que seu navegador faz do HTML. Para visualizar o cdigo HTML de uma
pgina use o menu "View" (Ver) no topo do seu navegador e escolha a opo "Source"
(Cdigo fonte).
HTML significa HyperText Markup Language, e uma linguagem universal destinada
elaborao de pginas com hiper-texto, como o nome indica. O conceito de hiper-texto
bastante simples: Certos itens de um documento contm uma ligao a outra zona do mesmo
documento ou, como mais vulgar, a outros documentos.
A principal aplicao do HTML a criao de pginas na Web, e convm esclarecer que no
se trata de uma linguagem de programao. De facto, o HTML antes uma espcie de
linguagem de formatao, um ficheiro de texto que formatado atravs de uma srie de
comandos tags.
Antes de mais, importa esclarecer que para a criao de uma pgina em HTML no
necessrio nenhum software especial. Se bem que existam programas
especializados, o Notepad do Windows ou mesmo o Edit do MS-DOS so mais que
suficientes para a criao de uma pgina.

O que HTML? Pra que serve?


O que Html e pra que serve. HTML uma linguagem de formatao que
INTERPRETADA pelo Browser.
Isto quer dizer que ela serve para criar uma formatao diferenciada de texto,
utilizando tags. Assim, podemos criar pargrafos, cabealhos, ttulos, formulrios,
enfim, tudo o que vemos numa pgina de internet.
O fato dela ser interpretada significa que o programa, o browser, vai lendo suas tags
e "traduzindo" para a formatao. Por isto, h pequenas nuances entre como cada
pgina apresentada. Mais que isto, ele capaz de exibir a pgina at que ocorra um
erro. Uma pgina web pode conter diversos erros, j que ela no passa pelo processo
de compilao.
A principal caracterstica do HTML de ser uma linguagem de hipertexto, isto , as

pginas podem ser ligadas uma a outra. Ou seja, voc l sobre algo, l j h links
contendo informaes que podem aprofundar o mesmo tema, ou simplesmente, uma
sequencia de pginas.

Paradigma do HTML
O HTML considerado uma linguagem de programao de paradigma
imperativo,apesar de ser, na verdade, uma linguagem de marcao a ser interpretada
por um software (browser).
Caractersticas tcnicas do HTML
A linguagem html , como dito anteriormente, uma linguagem de marcao, ou seja,
os comandos (tags) comunicam a aparncia geral do documento html gerado. Essas
tags vm sempre entre sinais de menor e maior <>. De modo geral, as tags de
marcao vm em pares, uma para iniciar a marcao e a outra para finaliz-la. Os
comandos de finalizao so idnticos ao de inccio, exceto por uma barra / logo
aps o sinal de menor <. Um documento html comea com a
tag <html> e finaliza, portanto, com </html>. Existem algumas tags obrigatrias
como o caso da <html> , <head> e
<body>. A marcao <head> indica o que ser carregado primeiro na pgina e
onde fica a tag <title>, responsvel por marcar o espao onde ser designado o ttulo
do documento. A tag <body> vem depois de finalizada a <head>, ou seja, depois da
</head> e indica o onde comea o corpo do documento.
Certas marcaes no necessitam de outras para finaliz-las, pois no faria sentido
t-las. o caso da tag <p>, que pula uma linha no documento e da <br>, que apenas
quebra a linha. Uma pgina em html pode ser escrita em qualquer editor texto.
Mas existem programas especficos que agilizam o processo.
Aplicabilidade
A linguagem html o padro de linguagem para a criao de pginas na Internet.
Serve para os mais variados fins, como criao de pginas pessoais, de empresas, no
ramo de educao e outros. Pode ser, tambm, utilizado em redes intranet.
O html permite integrao com outras linguagens como PHP, MySQL, Postgree, e
muitas outras linguagens que tornam a web mais dinmica. Atravs de algumas
linguagens, pode-se fazer com que a pgina receba dados digitados pelo usurio,
processe em um banco de dados e execute alguma ao com os dados. Como so
usadas as linguagens php e asp, por exemplo, em sites de vendas on-line.
Exemplo de uma pgina em HTML
Abaixo temos um exemplo de uma pgina escrita em html.
<html>
<head>
O comando <head> serve para escrever o que vai estar escrito no cabealho da
pgina(aquele nome que fica no topo da pgina, no mesmo lugar onde fica o boto

de fechar)lembrando que quando vc terminar de escrever o cabealho, voc deve


fechar o comando desse jeito: </head>.
<title>Exemplo de pgina html</title>
</head>
<body bgcolor="#FFFFFF" link="#000000" alink="#000000" vlink="#000000">
<center>
Aqui fica o ttulo Exemplo: <h1>Historia sobre os sites de busca</h1><p>
Por causa dos comandos link="#000000", alink="#000000" e vlink="#000000",
todos
<br>
os links dessa pgina estaro em branco. Essa a funo do comando link. Os
comandos
<br>
alink e vlink so responsveis pelas cores dos link nos momentos em que clicado e
<br>
depois que visitado respectivamente.
Graas s tags ,center e /center, o ttulo e o texto esto centralizados.
Abaixo temos um link para essa mesma pgina onde estamos, somente para que
possam
<br>
como ficam os links. Por padro, eles esto sempre sublinhados.
<a href="http://fit.faccat.br/~baxxx/teste.html">Essa linha um link</a>
</center>
</body>
</html>
A etiqueta <head></head> uma marcao de instrues de cabealho de uma
pgina.
<title> o ttulo da pgina
Os <meta name= para marcar descrio do site, palavras chave, autor, verificadores
de pginas pelo Google etc.
Lugar de se colocar os links externos de onde se ir buscar as informaes que no
constam no corpo da sua pagina.
O head como aquele funcionario que ningum ve o seu valor a no ser quando se
sente a sua falta.
J imaginou o tamanho do cdigo da pagina sem o head?
Todos os CSS juntos no corpo da pgina?
Voc escreve toda a sua declarao de CSS ou jScript e simplesmente linka ela no
head, pronto, esta funcionando tudo, cor, espaamento, tamanho de fonte, etc...
Exemplo de link de CSS externo: <link rel="stylesheet" type="text/css"
href="seucodigo.css" />

Para que devo usar o HTML?


Se voc quer construir websites ter que conhecer HTML. Mesmo que voc use um
programa para criar seu website, tal como o Dreamweaver, um conhecimento bsico
de HTML ser necessrio para tornar as coisas mais simples e para criar um website
de melhor qualidade. A boa notcia que HTML fcil de aprender e de usar. A
partir das duas prximas lies voc j ter aprendido como construir seu primeiro

website.
HTML usado para construir websites. simples!

OK, mas o que significa H-T-M-L?


HTML a abreviatura de "HyperText Mark-up Language" - e isto tudo o que voc
precisa saber por enquanto. Contudo, vamos detalhar isto.

Hyper o oposto de linear. Nos tempos antigos - quando mouse era apenas
um rato caado por gatos - os programas de computadores rodavam
linearmente: quando o programa executava uma ao tinha que esperar a
prxima linha de comando para executar a prxima ao e assim por diante
de linha em linha. Com HTML as coisas so diferentes - voc pode ir de
onde estiver para onde quiser. Exemplificando: no necessrio que voc
tenha visitado o site MSN.com antes de visitar o site HTML.net.
Text texto e no h mais nada a acresentar.

Mark-up significa marcao e o texto que voc escreve. Voc cria a


marcao da mesma forma que escreve em um editor seus cabealhos,
marcadores, negrito, etc

Language significa linguagem e exatamente o que HTML ; uma


linguagem. A linguagem HTML usa muitas palavras do ingls.

Neste tutorial voc aprender XHTML (Extensible HyperText Mark-up Language)


que nada mais do que uma maneira mais bem estruturada de escrever HTML.

Etiquetas
Todo documento HTML apresenta etiquetas, elementos entre parnteses angulares
(chevron) (< e >); esses elementos so os comandos de formatao da linguagem. A
maioria das etiquetas tem sua correspondente de fechamento:
<etiqueta>...</etiqueta>

Isso necessrio porque as etiquetas servem para definir a formatao de uma


poro do documento, e assim marcamos onde comea e termina o texto com a
formatao especificada por ela. Alguns elementos so chamados vazios, pois no
marcam uma regio de texto, apenas inserem algum elemento no documento:
<etiqueta>

Uma etiqueta formada por comandos, atributos e valores. Os atributos modificam


os resultados padres dos comandos e os valores caracterizam essa mudana.
Exemplo:
<HR color="red">

No qual:

HR = comando que desenha uma barra horizontal


color = atributo que especifica a cor da barra

red

= valor do atributo color, que a cor da barra que ser desenhada

Cada comando tem seus atributos possveis e seus valores. Um exemplo, o atributo
size que pode ser usado com o comando FONT, com o HR mas que no pode ser
usado com o comando BODY. Isso quer dizer que devemos saber exatamente quais os
atributos e valores possveis para cada comando.
De uma maneira geral o HTML um poderoso recurso, sendo uma linguagem de
marcao muito simples e acessvel voltada para a produo e compartilhamento de
documentos e imagens.

Edio de documentos HTML


Os documentos em HTML so arquivos de texto simples que podem ser criados e
editados em qualquer editor de textos comum, como o Bloco de Notas do Windows,
ou o TextEdit, do Macintosh. Para facilitar a produo de documentos, porm, o
mercado editores HTML especficos, com recursos sofisticados, que facilitam a
realizao de tarefas repetitivas, insero de objetos, elaborao de tabelas e outros
recursos (Ver lista abaixo). Basicamente dividem-se em dois tipos:

Editores de texto fonte: inserem automaticamente as etiquetas, orientando a


insero de atributos e marcaes.
Editores WYSIWYG: oferecem ambiente de edio com um "esboo"
resultado final das marcaes.

Agora que voc j sabe o que HTML (e XHTML) vamos comear aplicando eles
para: construir websites.
O HTML consiste em texto formatado por tags. Embora existam vrias dezenas
destes tags, apenas uma pequena parte destes utilizada normalmente. H algumas
regras bsicas que necessrio compreender antes de se comear com a criao de
pginas.

Todos os tags so inseridos entre o sinal de menor e maior:


<tag>
Tirando aqueles que representam a posio de um objecto (a insero de uma
imagem, por exemplo), todos os tags de formatao 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 a abrir o ltimo a fechar, e vice-versa.
<a> <b> <c> </a> </b> </c> ERRADO.
indiferente utilizar maisculas ou minsculas nos tags. Nestes tutoriais irei
utilizar maisculas apenas por uma questo de leitura.
<tag> igual a <TAG> e a <Tag>
Todas as pginas em HTML so identificadas pelo tag <HTML>, que ter
obrigatriamente que estar no incio. Obviamente, qualquer pgina ir acabar com
</HTML>.
<HTML>
.
.
.
</HTML>
Todas as pginas em HTML contm duas partes: Aquela definida por <HEAD>, e
que contm todas as informaes do cabealho da pgina; Outra parte definida por
<BODY>, contm quase tudo aquilo que iremos ver realmente na nossa pgina.
<HTML>
<HEAD>
.
.
</HEAD>
<BODY>
.
.
</BODY>
</HTML>
Para criar uma pgina em HTML,basta qualquer simples editor de texto, como o
Notepad. inserindo o seguinte:
<HTML>