Lição 2 - Introdução ao HTML

HTML (HyperText Markup Language - Linguagem de Formatação de Hipertexto) É fruto do "casamento" dos padrões HyTime e SGML.

 

HyTime - Hypermedia/Time-based Document Structuring Language

Hypermedia/Time-based Document Structuring Language: Hy Time (ISO 10744:1992) - padrão para representação estruturada de hipermídia e informação baseada em tempo. Um documento é visto como um conjunto de eventos concorrentes dependentes de tempo (áudio, vídeo, etc.), conectados por webs ou hiperlinks.
O padrão HyTime é independente dos padrões de processamento de texto em geral. Ele fornece a base para a construção de sistemas hipertexto padronizados, consistindo de documentos que aplicam os padrões de maneira particular.

SGML - Standard Generalized Markup Language

Standard Generalized Markup Language:padrão ISO 8879 de formatação de textos: não foi desenvolvido para hipertexto, mas torna-se conveniente para transformar documentos em hiper-objetos e para descrever as ligações. SGML não é padrão aplicado de maneira padronizada: todos os produtos SGML têm seu próprio sistema para traduzir as etiquetas para um particular formatador de texto.

• DTD - Document Type Definition - define as regras de formatação para uma dada classe de documentos. Um DTD ou uma referência para um DTD deve estar contido em qualquer documento conforme o padrão SGML.

Portanto, HTML é definido segundo um DTD de SGML.
Todo documento HTML apresenta elementos entre parênteses angulares (< e >); esses elementos são as etiquetas (tags) de HTML, que são os comandos de formatação da linguagem. A maioria das etiquetas tem sua correspondente de fechamento:

<etiqueta>...</etiqueta>

Isso é necessário porque as etiquetas servem para definir a formatação de uma porção de texto, 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 alguma coisa no documento:

<etiqueta>

Todos os elementos podem ter atributos:

<etiqueta atributo1=valor1 atributo2=valor2>...</etiqueta>

HTML é um recurso muito simples e acessível para a produção de documentos. Nestes "capítulos", será possível aprender grande parte de seus elementos.

Edição de documentos HTML

Os documentos em HTML são como arquivos ASCII comuns, que podem ser editados em vi, emacs, textedit, gedit, vim ou qualquer editor simples.

Para facilitar a produção de documentos, existem editores HTML específicos:

• Editores de texto fonte
  - facilitam a inserção das etiquetas, orientando o uso de atributos e marcações.
  Ex.: Quanta Plus, Blue Fish,Screem, Geany, Notepad++.

• Editores WYSIWYG (What You See Is What You Get)
  - oferecem ambiente de edição com “um” resultado final das marcações (pois o resultado final depende do browser usado para visitar a página).
  Ex. Ginf, Amaya, Screen, Kompozer.

Além dos editores específicos para HTML, editores bastante utilizados, como o Word, entre outros, permitem a exportação de seus documentos próprios para o formato HTML.

O documento HTML produzido, normalmente terá extensão .html ou .htm.

Publicação de documentos

Para que uma página esteja permanentemente disponível pela Web, ela precisa ter um endereço fixo, alojada em um servidor.
Existem vários provedores de espaço (hosting) gratuitos e também os provedores de acesso geralmente oferecem espaço para os sites de seus assinantes. Sites com fins lucrativos geralmente são hospedados em provedores de espaços pagos.
Definida a hospedagem, basta enviar para o provedor os arquivos de seu site (via FTP ou por uma página de envio no próprio provedor de espaço) e suas páginas já estarão disponíveis para visitas.