[HTML]

HTML é uma linguagem desenvolvida para a internet, que é interpretada por browsers de internet (Internet Explorer, Netscape Communicator, etc). É uma das linguagens mais simples, pois não há necessidade de compilar o que foi escrito, basta abrir no browser.

HyperTextMarkupLanguage seria o nome completo, abreviado por HTML. Esse nome significa Linguagem de Hipertexto, pois há o uso de links. Links são a principal função do HTML.

Hiperlinks, ou Links, são partes do documento que com a interatividade do usuário o deslocam para outro documento. Entendeu? Por exemplo: isso aqui é um link. Quando você o clickar, irá ao site da amazon.

[Tutorial de HTML]

by casgoodie

Há dois tipos de editores de HTML, os WYSWYG* (pronuncia-se "wiz-e-wig"), e os que você tem que escrever todo o código HTML na mão. Dois exemplos de editores WYSWYG são o Macromedia Dreamweaver e o Microsoft FrontPage, neles, basta ter criatividade. Não recomendo que você aprenda HTML com um WYSWYG, aliás recomendo que você use um editor de texto bem simples, como o Bloco De Notas, que acompanha o Windows.

* WYSWYG: "What You See Is What You Get", ou seja, O Que Você Vê É O Você Tem.

Uma página em HTML é consituída de tags com oconteúdo dentro. Por exemplo: <font face="verdana">Aqui o texto estará na fonte "Verdana"</font>

Ao ver esse exemplo, percebe-se que as tags ficam entre <,>s, e a tag que finaliza o conteúdo entre </,>s. A tag finalizadora sempre tem uma / após o <.

Mas não pense que é tudo por aí existem algumas tags que simplesmente encaixam-se unicamente entre <,>s. Por exemplo: o tag <hr>, esse tag insere uma linha horizontal na página.

Primeiro vou mostrar o que é vital num documento hmtl:

 

<html>

<head>

<title>Aqui Vai O Título Da Página</title>

Dentro do "head", geralmente vão javascripts, stylesheets, etc. Mas Esse é o cabeçário da página.

</head>

<body>

Aqui vai todo o conteúdo da página, tudo que for escrito aqui aparecerá no browser. Você pode inserir imagens, tabelas, etc aqui.

</body>

</html>

 

O que achou? É bem simples. Para treinar, escreva o código acima no bloco de notas, e salve como teste.htm, depois abra-o no seu browser.

Essa aí é a estrutura básica de uma página, agora vou dar uma lista com as tags principais e suas funções:

TAG Função
<html></html> o primeiro e último tag
<head></head> cabeçario
<title></title> título da página
<body></body> corpo do documento
<hX></hX> *X= nº de 1 a 6 tamanha da letra, h1é a maior
<font></font> para editar a fonte, cor, etc
<a></a> para inserir um link
<img> para inserir uma imagem
<pre> escreve o texto do modo que foi digitado
<address></address> endereço de email
<b></b> escreve em negrito
<i></i> escreve em itálico
<u></u> escreve sublinhado
<br> quebra de linha
<hr> linha horizontal
<p> parágrafo