Suely em 14h18min de 6 de fevereiro de 2008

2008-02-06T14:18:58Z

← Edição anterior		Edição das 14h18min de 6 de fevereiro de 2008
Linha 173:		Linha 173:
	* {{((en))}} [http://www.w3.org/MarkUp/ Página oficial do HTML na W3C]		* {{((en))}} [http://www.w3.org/MarkUp/ Página oficial do HTML na W3C]
	* [http://www.icmc.usp.br/ensino/material/html/ Tutorial de HTML]		* [http://www.icmc.usp.br/ensino/material/html/ Tutorial de HTML]
			*[http://www.nikkeyweb.com.br Nikkeyweb ]
			*[http://www.wikipedia.org Wikipedia ]

	[[Categoria:Tecnologias WWW]]		[[Categoria:Tecnologias WWW]]

Suely em 14h13min de 6 de fevereiro de 2008

2008-02-06T14:13:59Z

← Edição anterior		Edição das 14h13min de 6 de fevereiro de 2008
Linha 1:		Linha 1:
	~~Portal:Tecnologias de informação\|~~Portal das tecnologias de informação		Portal das tecnologias de informação
	[[Imagem:Html-source-code2.png\|thumb\|right\|200px\|Trecho de código HTML]]		[[Imagem:Html-source-code2.png\|thumb\|right\|200px\|Trecho de código HTML]]

Suely em 14h13min de 6 de fevereiro de 2008

2008-02-06T14:13:36Z

← Edição anterior		Edição das 14h13min de 6 de fevereiro de 2008
Linha 1:		Linha 1:
	~~{{Portal=[[~~Portal:Tecnologias de informação\|Portal das tecnologias de informação~~]]}}~~		Portal:Tecnologias de informação\|Portal das tecnologias de informação

	[[Imagem:Html-source-code2.png\|thumb\|right\|200px\|Trecho de código HTML]]		[[Imagem:Html-source-code2.png\|thumb\|right\|200px\|Trecho de código HTML]]

Suely em 14h13min de 6 de fevereiro de 2008

2008-02-06T14:13:14Z

← Edição anterior		Edição das 14h13min de 6 de fevereiro de 2008
Linha 1:		Linha 1:
	{{~~portal\|~~Portal=[[Portal:Tecnologias de informação\|Portal das tecnologias de informação]]}}		{{Portal=[[Portal:Tecnologias de informação\|Portal das tecnologias de informação]]}}

	[[Imagem:Html-source-code2.png\|thumb\|right\|200px\|Trecho de código HTML]]		[[Imagem:Html-source-code2.png\|thumb\|right\|200px\|Trecho de código HTML]]

Suely: New page: {{portal|Portal=Portal das tecnologias de informação}} Trecho de código HTML '''HTML''' (acr...

2008-02-06T14:12:38Z

New page: {{portal|Portal=Portal das tecnologias de informação}} thumb|right|200px|Trecho de código HTML '''HTML''' (acr...

Página nova

{{portal|Portal=[[Portal:Tecnologias de informação|Portal das tecnologias de informação]]}}

[[Imagem:Html-source-code2.png|thumb|right|200px|Trecho de código HTML]]

'''HTML''' (acrônimo para a [[língua inglesa|expressão inglesa]] ''HyperText Markup Language'', que significa ''Linguagem de Marcação de Hipertexto'') é uma [[linguagem de marcação]] utilizada para produzir [[Página web|páginas na Web]]. Documentos HTML podem ser interpretados por [[navegador]]es. A [[tecnologia]] é fruto do "casamento" dos padrões [[HyTime]] e [[SGML]].

[[HyTime]] é um padrão para a representação estruturada de hipermédia e conteúdo baseado em tempo. Um documento é visto como um conjunto de eventos concorrentes dependentes de tempo (como áudio, vídeo, etc.), conectados por hiper-ligações. O padrão é independente de outros padrões de processamento de texto em geral.

[[SGML]] é um padrão de formatação de textos. Não foi desenvolvido para hipertexto, mas tornou-se conveniente para transformar documentos em hiper-objetos e para descrever as ligações.

== História ==
[[Tim Berners-Lee]] criou o HTML original (e outros [[protocolo]]s associados como o [[HTTP]]) em uma estação [[NeXTcube]] usando o ambiente de desenvolvimento [[NeXTSTEP]]. Na época a linguagem não era uma especificação, mas uma coleção de ferramentas para resolver um problema de Tim: a comunicação e disseminação das pesquisas entre ele e seu grupo de colegas. Sua solução, combinada com a então emergente internet pública (que tornaria-se a [[Internet]]) ganhou atenção mundial.

As primeiras versões do HTML foram definidas com regras sintáticas flexíveis, o que ajudou aqueles sem familiaridade com a publicação na Web. Atualmente a sintaxe do HTML é muito mais rígida, permitindo um código mais preciso. Através do tempo, a utilização de ferramentas para autoria de HTML aumentou, assim como a tendência em tornar a sintaxe cada vez mais rígida. Apesar disso, por questões histórias ([[retrocompatibilidade]]), os [[navegador]]es ainda hoje conseguem interpretar páginas web que estão longe de ser um código HTML válido.

A linguagem foi definida em especificações formais pela [[década de 1990]], inspiradas nas propostas originais de Tim Berners-Lee em criar uma linguagem baseada em [[SGML]] para a [[Internet]]. A primeira publicação foi esboçada por Berners-Lee e [[Dan Connolly]], e publicada em [[1993]] na [[Internet Engineering Task Force|IETF]]como uma aplicação formal para o SGML (com uma [[Document Type Definition|DTD]] em SGML definindo a gramática). A IETF criou um grupo de trabalho para o HTML no ano seguinte, e publicou o HTML 2.0 em [[1995]]. Desde [[1996]], as especificações HTML vêm sendo mantidas, com o auxílio de fabricantes de software, pela [[World Wide Web Consortium]] (W3C).<ref>
{{Referência a livro
| Autor = Dave Raggett
| Título = Raggett on HTML 4
| Editora = Addison-Wesley
| Ano = 1998
| url = http://www.w3.org/People/Raggett/book4/ch02.html
| Páginas = chap. 2: A history of HTML
| ID = ISBN 0-201-17805-2}}
</ref> Apesar disso, em [[2000]] a linguagem tornou-se também uma norma internacional ([[International Organization for Standardization|ISO]]/[[International Electrotechnical Commission|IEC]] 15445:2000). A última especificação HTML lançada pela W3C foi a recomendação HTML 4.01, publicada no final de [[1999]]. Uma errata ainda foi lançada em [[2001]].

Desde a publicação do HTML 4.0 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 especificação HTML baseada em [[XML]] que é considerada pela W3C como um sucessor do HTML.<ref>
{{Citar web
|url = http://www.w3.org/MarkUp/2000/Charter
|titulo = HTML working group charter (2000–2002)
|publicado = World Wide Web Consortium
}}</ref><ref>
{{Citar web
|url = http://www.w3.org/2002/05/html/charter
|titulo = HTML working group charter (2002–2004)
|publicado = World Wide Web Consortium
}}</ref><ref>
{{Citar web
|url = http://www.w3.org/MarkUp/xhtml-roadmap/
|titulo = HTML Working Group Roadmap
|publicado = World Wide Web Consortium
}}</ref> O XHTML faz uso de uma sintaxe mais rigorosa e menos ambígua para tornar o HTML mais simples de ser processado e estendido.

== Etiquetas ==
Todo documento HTML apresenta etiquetas<ref>Um termo alternativo bastante usado é ''tag''</ref>, elementos entre parênteses angulares (sinais de maior e menor) (<code><</code> e <code>></code>); esses elementos são os comandos de formatação da linguagem. A maioria das etiquetas tem sua correspondente de fechamento:

<code><etiqueta>...</etiqueta></code>

Isso é necessário porque as etiquetas servem para definir a formatação de uma porção do documento, e assim marcamos onde começa e termina o texto com a formatação especificada por ela. Alguns elementos são chamados “vazios”, pois não marcam uma região de texto, apenas inserem algum elemento no documento:

<code><etiqueta></code>

Uma etiqueta é formada por comandos, atributos e valores. Os atributos modificam os resultados padrões dos comandos e os valores caracterizam essa mudança. Exemplo:

<code><nowiki><HR color="red"></nowiki></code>

No qual:

* <code>HR</code> = comando que desenha uma linha
* <code>color</code> = atributo que especifica uma cor diferente da cor padrão da linha (que é preto)
* <code>red</code> = valor do atributo <code>color</code>, que é a cor da linha que será desenhada

Cada comando tem seus atributos possíveis e seus valores. Um exemplo, é o atributo <code>size</code> que pode ser usado com o comando <code>FONT</code>, com o <code>HR</code> mas que não pode ser usado com o comando <code>BODY</code>. Isso quer dizer que devemos saber exatamente quais os atributos e valores possíveis para cada comando.

De uma maneira geral o HTML é um poderoso recurso, sendo uma linguagem de marcação muito simples e acessível voltada para a produção e compartilhamento de documentos e imagens.

==Edição de documentos HTML==
Os documentos em HTML são como arquivos de texto comuns. Para facilitar a produção de documentos, existem editores HTML específicos:

* Editores de texto fonte: inserem automaticamente as etiquetas, orientando a inserção de atributos e marcações.
* Editores [[WYSIWYG]]: oferecem ambiente de edição com um "esboço" resultado final das marcações.

==Estrutura básica de um documento==
A estrutura de um documento HTML apresenta os seguintes componentes:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="pt">
<head>
<title>Título do Documento</title>
</head>
<body>
texto,
imagem,
links,
...
</body>
</html>

As etiquetas HTML não são sensíveis à caixa (''[[case sensitive]]''), portanto tanto faz escrever <code><HTML></code>, <code><Html></code>, <code><html></code> ou <code><HtMl></code>.

As etiquetas básicas de HTML, cuja presença é altamente recomendada nas páginas são:

* <code><html></code>: define o início de um documento HTML e indica ao navegador que todo conteúdo posterior deve ser tratado como uma série de códigos HTML.
* <code><head></code>: define o cabeçalho de um documento HTML, que traz informações sobre o documento que está sendo aberto.
* <code><body></code>: define o conteúdo principal, o corpo do documento. Esta é a parte do documento HTML que é exibida no navegador. No corpo podem-se definir propriedades comuns a toda a página, como cor de fundo, margens, e outras formatações.

==== Cabeçalho ====
Dentro do cabeçalho podemos encontrar os seguintes comandos:

*<code><title></code>: define o título da página, que é exibido na barra de título dos [[navegador]]es.
*<code><style></code>: define formatação em [[Cascading Style Sheets|CSS]].
*<code><script></code>: define programação de certas funções em página com [[Linguagem de computador interpretada|script]]s, podendo adicionar funções de [[JavaScript]].
*<code><link></code>: define ligações da página com outros arquivos como [[feed]]s, [[Cascading Style Sheets|CSS]], [[Linguagem de computador interpretada|script]]s, etc.
*<code><meta></code>: define propriedades da página, como [[codificação de caracteres]], descrição da página, [[autor]], etc. São meta informações sobre documento. Tais campos são muitos usados por [[motor de busca|motores de busca]] para obterem mais informações sobre o documento, afim de classificá-lo melhor. Por exemplo, pode-se adicionar o código <code><meta name="description" content="descrição da sua página" /></code> no documento HTML para indicar ao motor de busca que texto de descrição apresentar junto com a ligação para o documento.

Obs: as etiquetas <code><style></code> e <code><script></code> servem tanto para delimitar o espaço usados pelos códigos na pagina quanto para invocar códigos existentes em outros arquivos externos.

==== Corpo ====
Dentro do corpo podemos encontrar outras várias etiquetas, como por exemplo:

*<code><h1>, <h2>,... <h6></code>: cabeçalhos e títulos no documento em diversos tamanhos.
*<code><p></code>: novo parágrafo.
*<code><br></code>: quebra de linha.
*<code><table></code>: cria uma tabela (linhas são criadas com <code><TR></code> e novas células com <code><TD></code>. Já os cabeçalhos de coluna são criados com a etiqueta <code><TH></code>.)
*<code><div></code>: determina uma divisão na página a qual pode possuir variadas formatações.
*<code><font></code>: forma um texto (fonte, cor e tamanho) de um trecho do texto.
*<code><b>, <i>, <u> e <s></code>: negrito, itálico, sublinhado e riscado, respectivamente.
*<code><img></code>: imagem.
*<code><a></code>: hiper-ligação para um outro local, seja uma página, um [[e-mail]] ou outro serviço.
*<code><textarea></code>: caixa de texto (com mais de uma linha); estas caixas de texto são muito usadas em [[blog]]s, elas podem ser auto selecionáveis e conter outros códigos a serem distribuídos.
*<code><acronym></code>: acrônimo (sigla)
*<code><cite></code>: citação
*<code><adress></code>: endereço

== Editores HTML ==
*[[Adobe Dreamweaver]]
*[[Adobe GoLive]]
*[[Bluefish]]
*[[CoffeeCup HTML Editor]]
*[[CoffeeCup VisualSite Designer]]
*[[Edit Plus]]
*[[Emacs]]
*[[Evrsoft First Page]]
*[[HTML 4.0]]
*[[Kompozer]]
*[[Microsoft Expression Web]]
*[[Microsoft Frontpage]]
*[[Mozilla Composer]]
*[[Namo Web Editor]]
*[[NVU]]
*[[Quanta]]
*[[Trellian WebPage]]
*[[Vim]]

== Notas e referências ==

<references />

{{
Referência a livro
| Autor = SICA, Carlos
| Título = HTML
| Subtítulo = Fale a Linguagem da Internet
| Edição = 1
| Local de publicação = Maringá - PR
| Editora = Independente
| Ano = 1997
| Páginas = 50
| Volumes = 500
| Volume = 1
| ID =
}}

=={{Ver também}}==

{{wikibooks|Curso de HTML}}

*[[DHTML]]
*[[Lista de tags HTML]]
*[[XHTML]]

=={{Ligações externas}}==

* {{((en))}} [http://www.w3.org/MarkUp/ Página oficial do HTML na W3C]
* [http://www.icmc.usp.br/ensino/material/html/ Tutorial de HTML]

[[Categoria:Tecnologias WWW]]
[[Categoria:Linguagens de marcação]]
[[Categoria:Normas W3C]]

[[ja:HyperText Markup Language]]

HTML - Histórico de revisão

Suely em 14h18min de 6 de fevereiro de 2008

Suely em 14h13min de 6 de fevereiro de 2008

Suely em 14h13min de 6 de fevereiro de 2008

Suely em 14h13min de 6 de fevereiro de 2008

Suely: New page: {{portal|Portal=Portal das tecnologias de informação}} Trecho de código HTML '''HTML''' (acr...