HTML
Origem: Wikipédia, a enciclopédia livre.
HTML (acrônimo para a expressão inglesa HyperText Markup Language, que significa Linguagem de Marcação de Hipertexto) é uma linguagem de marcação utilizada para produzir páginas na Web. Documentos HTML podem ser interpretados por navegadores. A tecnologia é fruto do "casamento" dos padrões HyTime e SGML.
HyTime é um padrão para a 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 é 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.
Índice |
[editar] As etiquetas HTML
Todo documento HTML apresenta elementos entre parênteses angulares (sinais de maior e menor) (< 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>
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:
<HR color="red">
HR = comando que desenha uma linha color=atributo que especifica uma cor diferente da cor padrão da linha (que é preto) red = cor da linha que será desenhada
Cada comando tem seus atributos possíveis e seus valores. Um exemplo, é o atributo size que pode ser usado com o comando FONT, com o HR mas que não pode ser usado com o comando BODY. Isso quer dizer que devemos saber exatamente quais os atributos e valores possíveis para cada comando.
A maioria dos comandos possuem fechamento - etiqueta identificada pelo nome do comando antecedido por "/". Exemplo: <FONT> </FONT> <BODY> </BODY>
Exemplos de comandos sem fechamento: <BR> , <HR>, <IMG>
De maneira geral o HTML é um recurso muito simples e acessível para a produção e compartilhamento de documentos.
[editar] Edição de documentos HTML
Os documentos em HTML são como arquivos ASCII 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” resultado final das marcações.
O documento produzido terá sempre extensão .html (para servidores Web em ambiente UNIX).
[editar] 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). Traduzindo: tanto faz escrever <HTML>, <Html>, <html>, <HtMl>.
As etiquetas básicas de HTML de presença obrigatórias nas páginas são:
<html>: 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.
<head>: Define o cabeçalho de um documento HTML. Este cabeçalho traz informações sobre o documento que está sendo aberto.
<body>: Define o conteúdo principal, o corpo do documento. Esta é a parte do documento HTML que é exibida no navegador. A área de publicação. No corpo podem-se definir propriedades comuns a toda a página, como cor de fundo, margens, e outras formatações.
[editar] Cabeçalho
Dentro do cabeçalho (etiqueta "<head>") podemos encontrar:
<title>
: Define o título da página, que é exibido na barra de título dos browsers.<style>
: Define formatação em CSS.<script>
: Define programação de certas funções em página com scripts, e pode colocar funções de JavaScript.<link>
: Define ligações da página com outros arquivos como feeds, CSS, scripts, etc.<meta>
: Define propriedades da página, como codificação de caracteres, descrição da página, autor, etc.
Obs: As Tags <style>
e <script>
servem tanto para delimitar o espaço usados pelos codigos na pagina quanto para "chamar" codigos existentes em outros arquivos externos.
[editar] Corpo
Dentro do corpo (etiqueta "<body>") podemos encontrar outras várias etiquetas, como por exemplo:
<h1>, <h2>,... <h6>
: cabeçalhos e títulos no documento em diversos tamanhos.<p>
: novo parágrafo.<br>
: quebra de linha.<table>
:cria uma tabela (linhas são criadas com<TR>
e novas células com<TD>
. Já os cabeçalhos de coluna são criados com a etiqueta<TH>
.)<div>
: determina uma divisão na página a qual pode possuir variadas formatações.<font>
: forma um texto (fonte, cor e tamanho) de um trecho do texto.<b>, <i>, <u> e <s>
: negrito, itálico, sublinhado e riscado, respectivamente.<img>
: imagem.<a>
: hiperlink para uma página, ou para um endereço de E-mail.<textarea>
: caixa de texto (com mais de uma linha);estas caixas de texto são muito usadas em blogs, elas podem ser auto selecionaveis e conter outros codigos a serem distribuidos.<div>
: Divisão<acronym>
:Acrônimo (Sigla)<cite>
:Citação<adress>
:Endereço
[editar] Evolução
A linguagem de marcação HTML já está na sua quarta versão (4.0) e está dando lugar ao XHTML, apesar de ainda ser recomendado pelo W3C, muitos desenvolvedores preferem escrever suas páginas em XHTML. XHTML é um documento HTML escrito como aplicação XML 1.0. Atualmente o XHTML tem duas versões, 1.0 e 1.1.
[editar] Ver também
- Editores de HTML