Aprenda sobre HTML 21.11.10 4:21
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 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.
Estrutura básica de um documento
Código: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>
Corpo
Código:Dentro do corpo podemos encontrar outras várias etiquetas que irão moldar a página, como por exemplo:
* <h1>, <h2>,... <h6>: cabeçalhos e títulos no documento em diversos tamanhos. (quanto menor for o número, maior sera o tamanho da letra)
* <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>: altera a formatação (fonte, cor e tamanho) de um trecho do texto.
* <b>, <i>, <u> e <s>: negrito, itálico, sublinhado e riscado, respectivamente.
* <img>: imagem.
* <a>: hiper-ligação para um outro local, seja uma página, um e-mail ou outro serviço.
* <textarea>: caixa de texto (com mais de uma linha); estas caixas de texto são muito usadas em blogs, elas podem ser auto selecionáveis e conter outros códigos a serem distribuídos.
* <acronym>: acrônimo (sigla)
* <cite>: citação
* <address>: endereço
Hiperligações
Código:Uma propriedade importante dos documentos HTML é a possibilidade de fazer hiperligações. Para isso usa-se a etiqueta <a> (do inglês, anchor). Esta tem os atributos: href que define o alvo da hiperligação (que pode ser uma página de Internet, uma parte da mesma página ou um endereço de email) ou name que define um alvo nessa página (a onde se pode fazer uma hiperligação usando a etiqueta a com o atributo href). Exemplos:
* <a href="http://habbo.forumfacil.net/">Clique aqui para aceder à página principal do HHA em português.</a>
* <a name="nome">texto</a>
Em que nome e texto podem ser substituídos por o que se desejar. Depois usa-se <a href="#nome"> </a> para hiperligar a este "anchor".
[editar] Caracteres especiais e símbolos
Editores HTML
* Adobe Home Site
* Adobe Dreamweaver
* Adobe GoLive
* Arachnophilia
* Amaya
* Aptana
* Bluefish
* CoffeeCup HTML Editor
* CoffeeCup VisualSite Designer
* Crimson Editor
* EditPlus
* Emacs
* Evrsoft First Page
* Kate
* Kompozer
* Macromedia Dreamweaver
* Microsoft Expression Web
* Microsoft Frontpage
* Microsoft Office SharePoint Designer
* Microsoft Visual Studio
* Mozilla Composer
* Namo Web Editor
* Notepad++
* NVU
* Netscape Editor
* PHP Editor
* PSPad
* Quanta Plus
* Scite
* Trellian WebPage
* Vim
*Créditos : Cavalcante
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.
Estrutura básica de um documento
Código: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>
Corpo
Código:Dentro do corpo podemos encontrar outras várias etiquetas que irão moldar a página, como por exemplo:
* <h1>, <h2>,... <h6>: cabeçalhos e títulos no documento em diversos tamanhos. (quanto menor for o número, maior sera o tamanho da letra)
* <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>: altera a formatação (fonte, cor e tamanho) de um trecho do texto.
* <b>, <i>, <u> e <s>: negrito, itálico, sublinhado e riscado, respectivamente.
* <img>: imagem.
* <a>: hiper-ligação para um outro local, seja uma página, um e-mail ou outro serviço.
* <textarea>: caixa de texto (com mais de uma linha); estas caixas de texto são muito usadas em blogs, elas podem ser auto selecionáveis e conter outros códigos a serem distribuídos.
* <acronym>: acrônimo (sigla)
* <cite>: citação
* <address>: endereço
Hiperligações
Código:Uma propriedade importante dos documentos HTML é a possibilidade de fazer hiperligações. Para isso usa-se a etiqueta <a> (do inglês, anchor). Esta tem os atributos: href que define o alvo da hiperligação (que pode ser uma página de Internet, uma parte da mesma página ou um endereço de email) ou name que define um alvo nessa página (a onde se pode fazer uma hiperligação usando a etiqueta a com o atributo href). Exemplos:
* <a href="http://habbo.forumfacil.net/">Clique aqui para aceder à página principal do HHA em português.</a>
* <a name="nome">texto</a>
Em que nome e texto podem ser substituídos por o que se desejar. Depois usa-se <a href="#nome"> </a> para hiperligar a este "anchor".
[editar] Caracteres especiais e símbolos
Editores HTML
* Adobe Home Site
* Adobe Dreamweaver
* Adobe GoLive
* Arachnophilia
* Amaya
* Aptana
* Bluefish
* CoffeeCup HTML Editor
* CoffeeCup VisualSite Designer
* Crimson Editor
* EditPlus
* Emacs
* Evrsoft First Page
* Kate
* Kompozer
* Macromedia Dreamweaver
* Microsoft Expression Web
* Microsoft Frontpage
* Microsoft Office SharePoint Designer
* Microsoft Visual Studio
* Mozilla Composer
* Namo Web Editor
* Notepad++
* NVU
* Netscape Editor
* PHP Editor
* PSPad
* Quanta Plus
* Scite
* Trellian WebPage
* Vim
*Créditos : Cavalcante