15/03/2017 HTML Wikipdia, a enciclopdia livre

HTML
Origem: Wikipdia, a enciclopdia livre.

HTML (abreviao para a expresso inglesa HyperText

Markup Language, que significa Linguagem de Marcao de
Hipertexto) uma linguagem de marcao utilizada na
construo de pginas na Web. Documentos HTML podem ser
interpretados por navegadores. A tecnologia fruto da juno
entre os padres HyTime e SGML.

HyTime um padro para a representao estruturada de

hipermdia e contedo baseado em tempo. Um documento
visto como um conjunto de eventos concorrentes dependentes
de tempo (como udio, vdeo, etc.), conectados por
hiperligaes. O padro independente de outros padres de
processamento de texto em geral.

SGML um padro de formatao de textos. No foi

desenvolvido para hipertexto, mas tornou-se conveniente para
transformar documentos em hiper-objetos e para descrever as
ligaes.

ndice
Trecho de cdigo HTML.
1 Histria
2 Marcas (tags)
3 Edio de documentos HTML
4 Estrutura bsica de um documento
4.1 Cabealho
4.2 Corpo
5 Cores
6 Hiperligaes
7 Caracteres especiais e smbolos
8 Referncias
9 Ver tambm
10 Ligaes externas

Histria
Tim Berners-Lee (fsico britnico) 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 tornar-se-ia a Internet) ganhou ateno mundial. As primeiras verses do HTML foram
definidas com regras sintticas flexveis, o que ajudou aqueles sem familiaridade com a publicao na Web.
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.

https://pt.wikipedia.org/wiki/HTML 1/6
15/03/2017 HTML Wikipdia, a enciclopdia livre

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).[1] 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.[2][3][4] O XHTML faz uso de
uma sintaxe mais rigorosa e menos ambgua para tornar o HTML mais simples de ser processado e estendido.

Em janeiro de 2008 a W3C publicou a especificao do HTML5, a prxima verso do HTML, como Working
Draft. Apesar de sua sintaxe ser semelhante a de SGML, o HTML5 abandonou qualquer tentativa de ser uma
aplicao SGML e, definiu explicitamente sua prpria serializao "html", alm de uma alternativa baseada em
XML, o XHTML5.[5]

Marcas (tags)
Todo documento HTML possui marcadores (do ingls: tags), palavras entre parnteses angulares (chevron) (< e
>); esses marcadores so os comandos de formatao da linguagem. Um elemento formado por um nome de
marcador (tag), atributos, valores e filhos (que podem ser outros elementos ou texto). Os atributos modificam
os resultados padres dos elementos e os valores caracterizam essa mudana. Exemplo de um elemento simples
(no possui filhos):

<hr />

Exemplo de um elemento composto (possui filhos):

<a href="http://pt.wikipedia.org/" >Wikipdia </a>

<a> o marcador de abertura

</a> o marcador de fechamento
href o atributo onde definido a url, que ser acessada ao clicar no link.

Outro exemplo de elemento composto (possui filhos):

<a href="http://pt.wikipedia.org" target ="_self" >Wikipdia </a>

p = marcador que define um pargrafo.

a = marcador que define uma hiperligao.
href = atributo que define a url da hiperligao.
target = atributo que define a forma como a hiperligao ser aberta.
_self = valor do atributo Target que define que a hiperligao ser aberta na mesma guia.
/ = define o fechamento do elemento

Isso necessrio porque os marcadores servem para definir a formatao de uma poro do documento, e assim
marcamos onde comea e termina o contedo que receber a formatao ou marcao necessria, especfica.
Alguns elementos so chamados vazios, pois no marcam uma regio de texto, apenas inserem algum

https://pt.wikipedia.org/wiki/HTML 2/6
15/03/2017 HTML Wikipdia, a enciclopdia livre

elemento no documento.

Cada elemento tem os seus atributos possveis e os seus valores. Um exemplo, o atributo href que pode ser
usado com o elemento a, com o link mas que no pode ser usado com o elemento meta. Isso quer dizer que
devemos saber exatamente quais os atributos e valores possveis para cada elemento.

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, imagens, vdeos e udio via streaming.

Na sua verso mais recente, o HTML5, possvel criar marcadores personalizados com JavaScript, linguagem
de programao diretamente compatvel com o HTML. Cada tag pode ter uma funo especfica utilizando
uma API (Interface de programao de aplicaes) diferente, assim como seus nomes e estilos.

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, no mercado existem 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 os marcadores, orientando a insero de atributos e

marcaes
Editores WYSIWYG: oferecem ambiente de edio com um "esboo" resultado final das marcaes

Estrutura bsica de um documento

A estrutura bsica de um documento HTML (Hyper Text Markup Language - Linguagem de Marcao de
Hypertexto), apresenta as seguintes marcaes:

<!DOCTYPE html>
<html>
<head>
<meta charset ="utf-8" />
<meta name="description" content ="a descrio do seu site em no mximo 90 caracteres" >
<meta name="keywords" content ="escreva palavras-chaves curtas, mximo 150 caracteres" >
<title>Ttulo do Documento </title>
</head>
<body>
<!-- Aqui fica a pgina que ser visvel para todos, onde pode-se inserir
textos, imagens, links para outras pginas, etc, geralmente usa-se: -->

<div>Tag para criar-se uma 'caixa', um bloco, mais utilizada com "Cascading Style Sheets
(Folhas de Estilo em Cascata) </div>

<span>Tag para modificao de uma parte do texto da pgina </span>

<img src="endereo_de_uma_imagem.jpg" />

<a href="http://www.wikipedia.org" >Wikipedia, A Enciclopdia Livre </a>

</body>
</html>

Os marcadores HTML no so sensveis caixa, portanto tanto faz escrever <HTML>, <Html>, <html> ou
<HtMl>.

Os marcadores bsicos de HTML, cuja presena altamente recomendada nas pginas so:

<html>: define o incio de um documento HTML e indica ao navegador que todo contedo posterior deve
ser tratado como uma srie de cdigos HTML

https://pt.wikipedia.org/wiki/HTML 3/6
15/03/2017 HTML Wikipdia, a enciclopdia livre

<head>: define o cabealho de um documento HTML, que traz informaes sobre o documento que est
sendo aberto
<body>: define o contedo principal, o corpo do documento. Esta a parte do documento HTML que
exibida no navegador. No corpo podem-se definir atributos comuns a toda a pgina, como cor de fundo,
margens, e outras formataes.

Cabealho

Dentro do cabealho podemos encontrar os seguintes elementos:

<title>: define o ttulo da pgina, que exibido na barra de ttulo dos navegadores
<style type="text/css">: define formatao em CSS
<script type="text/javascript">: define programao de certas funes em pgina com scripts,
podendo adicionar funes de JavaScript
<link>: define ligaes da pgina com outros arquivos como feeds, CSS, scripts, etc
<meta>: define propriedades da pgina, como codificao de caracteres, descrio da pgina, autor, etc

So meta informaes sobre documento. Tais campos so muitos usados por mecanismos de busca (como o
Google, Yahoo!, Bing) para obterem mais informaes sobre o documento, a fim de classific-lo melhor. Por
exemplo, pode-se adicionar o cdigo <meta name="description" content="descrio da sua pgina"
/> no documento HTML para indicar ao motor de busca que texto de descrio apresentar junto com a ligao
para o documento. Para o motor de busca Google, por exemplo, elementos meta como keywords no so
utilizadas para indexar pginas. Apenas <title> e a meta <description> so usadas para descrever a pgina
indexada.[6]

Obs: Os marcadores <style> e <script> servem tanto para delimitar os espaos usados pelos cdigos na
pgina quanto para invocar cdigos existentes em outros arquivos externos.

Corpo

Dentro do corpo podemos encontrar outros vrios marcadores que iro moldar a pgina, como por exemplo:

<h1>, <h2>, ... <h6>: cabealhos e ttulos no documento em diversos tamanhos.

<p>: novo pargrafo.
<br />: quebra de linha.
<table>: cria uma tabela (linhas so criadas com <TR> e novas clulas com <TD>, j os cabealhos das
colunas so criados com os marcadores <THead><TH> e os rodaps com <TFooter><TR><TD>).
<div>: determina uma diviso na pgina a qual pode possuir variadas formataes.
<b>, <i>, <u> e <s>: negrito, itlico, sublinhado e riscado, respectivamente.
<img />: imagem.
<a>: hiper-ligao para um outro local, seja uma pgina, um e-mail ou outro servio.
<textarea>: caixa de texto (com mais de uma linha); estas caixas de texto so muito usadas em blogs,
elas podem ser auto selecionveis e conter outros cdigos a serem distribudos.
<abbr>: abreviao (sigla simplesmente abreviada).
<cite>: citao.
<address>:Endereo.

Cores
As cores devem ser declaradas em CSS, com o atributo style, que funciona em diversos elementos, como por
exemplo:

<span style="color:COR" >Texto</span>

https://pt.wikipedia.org/wiki/HTML 4/6
15/03/2017 HTML Wikipdia, a enciclopdia livre

Onde COR pode ser o nome da cor em ingls, em decimal, hexadecimal, RGB, RGBA ou HSLA. Exemplos:
Tabela de cores e Lista de cores.

Hiperligaes
Uma possibilidade importante dos documentos HTML a de fazer hiperligaes. Para isso usa-se o marcador
<a> (do ingls, anchor). Esta tem os atributos: href que define o alvo da hiperligao (que pode ser uma pgina
de Internet, uma parte da mesma pgina ou um endereo de email) ou name que define um alvo nessa pgina (a
onde se pode fazer uma hiperligao usando o marcador a com o atributo href). Exemplos:

<a href="http://pt.wikipedia.org/">Clique aqui para aceder pgina principal da

Wikipdia em portugus.</a>
<a name="nome">texto</a>

Em que nome e texto podem ser substitudos por o que se desejar. Depois usa-se <a href="#nome"> </a> para
hiperligar a este "anchor".

Diferena entre target="_blank" e target="_new"

target="_blank" usado para abrir links em vrias janelas e target="_new" ou target="booger" usado
para abrir vrios links em uma janela.[7]

Exemplos

<a href="URL DO LINK" target="_blank">Ttulo</a>

<a href="URL DO LINK" target="_new">Ttulo</a>
<a href="URL DO LINK" target="booger">Ttulo</a>

Pgina em branco usado about:blank na url do link.

Exemplos:

<a href="about:blank" target="_blank">Pgina em branco</a>

<a href="about:blank" target="_new">Pgina em branco</a>
<a href="about:blank" target="booger">Pgina em branco</a>

Caracteres especiais e smbolos

Os caracteres especiais definem-se usando comandos que comeam com & e terminam com um ;. Alguns
exemplos incluem &aacute; (), &agrave; (), &atilde; (), &acirc; (), &auml; () e &ccedil; ().
Qualquer outra vogal pode ser substituda pelo a destes exemplos, incluindo maisculas.

Referncias
1. Dave Raggett (1998).Raggett on HTML 4(http://www.w3.org/People/Raggett/book4/ch02.html). Addison-Wesley's.
pp. chap. 2: A history of HTML.ISBN 0-201-17805-2
2. HTML working group charter (20002002)(http://www.w3.org/MarkUp/2000/Charter). World Wide Web
Consortium
3. HTML working group charter (20022004)(http://www.w3.org/2002/05/html/charter). World Wide Web Consortium
4. HTML Working Group Roadmap(http://www.w3.org/MarkUp/xhtml-roadmap/). World Wide Web Consortium
5. Karl Dubost (15 de janeiro de 2008).HTML5, one vocabulary, two serializations(http://www.w3.org/QA/2008/01/ht
ml5-is-html-and-xml.html)(em ingls). W3C. Consultado em 29 de outubro de 2011
6. Official Google Webmaster Central Blog: Google does not use the keywords meta tag in web ranking(http://googlew
ebmastercentral.blogspot.com/2009/09/google-does-not-use-keywords-meta-tag.html) .
googlewebmastercentral.blogspot.com. Consultado em 21 de fevereiro de2011
7. target="_blank" vs. target="_new" (http://www.russellheimlich.com/blog/target_blank-vs-target_new/)(em ingls)
https://pt.wikipedia.org/wiki/HTML 5/6
15/03/2017 HTML Wikipdia, a enciclopdia livre

Ver tambm
DHTML
XHTML
Cascading Style Sheets
HTML5

Ligaes externas
Website oficial (http://www.w3.org/html/) (em ingls)
A Wikipdia possui o portal:
Especificao do HTML5 (http://www.w3.org/TR/html5/)
Aprenda HTML (https://developer.mozilla.org/learn/html) (em Portal das tecnologias de
portugus) na MDN informao

Obtida de "https://pt.wikipedia.org/w/index.php?
title=HTML&oldid=48249410"

Categorias: HTML Normas W3C

Esta pgina foi modificada pela ltima vez (s) 20h09min de 12 de maro de 2017.
Este texto disponibilizado nos termos da licena Creative Commons - Atribuio - Compartilha Igual
3.0 No Adaptada (CC BY-SA 3.0); pode estar sujeito a condies adicionais. Para mais detalhes,
consulte as condies de uso.

https://pt.wikipedia.org/wiki/HTML 6/6