A Internet introduziu uma nova linguagem de "programação": o HTML. Esta é uma linguagem utilizada na World Wide Web e ajuda na composição gráfica da página. Seria perfeitamente possível se fazer páginas internet sem o HTML, mas a mesma ficaria sem figuras, o texto ficaria completamente igual, ou seja, a página ficaria igual a um arquivo ".txt".
Com a vinda do HTML, podemos acrescentar, facilmente, trechos em negrito, em itálico, sublinhado e de vários outros tipos e formas. Podemos acrescentar figuras, links, listas, formulários e etc…
Nesta página, irei mostrar os comandos mais comuns e usados nas páginas. Tentarei ser o mais conciso possível. Se, ainda assim, restar alguma dúvida, por favor, mande e-mail.
Meu nome é Théo Araujo e tenho 16 anos. Mexo com computadores desde os nove e comecei a fazer páginas HTML há mais ou menos três meses. Mantenho algumas páginas, em especial:
(Para maiores informações sobre mim, veja a minha página pessoal).
Todos os comandos são chamados de tags. Cada uma delas manda o browser (ou visualizador) alterar o texto de uma maneira diferente. A sintaxe de uma tag é a seguinte:
<tag>texto</tag>
Onde <tag> inicia a tag, </tag> fecha a tag e texto é o que será exibido pelo browser.
Exemplo:
<B> Teste </B> seria exibido como Teste
<B> NEGRITO
<I> ITÁLICO
<U> SUBLINHADO
Para mudarmos de linha, usamos a tag <BR> (que não
necessita de tag de fechamento). Para termos parágrafo,
usamos a tag <P> (que também não necessita
de fechamento).
O texto:
<H2> Título Grande</H2><P>
<B>Usando negrito.</B> <I><U>Usando o
itálico e o sublinhado juntos.</I></U><BR>
<I>É possível sobrepor uma ou mais tags.</I><P><H6>
O texto pode até ficar <I><B><U> negrito,
itálico e sublinhado.</I></B></U></H6>
Visto pelo browser:
Usando negrito.Usando o itálico e o sublinhado
juntos.
É possível sobrepor uma ou mais tags.
Como falado no exemplo, podemos sobrepor as tags, fazendo com
que um texto fique no tamanho mínimo e, ao mesmo tempo,
seja visto em negrito, itálico e sublinhado.
Existem outras tags relacionadas a texto:
<HR> Mostra uma linha horizontal
<UL> Inicia uma lista
<OL> Inicia uma lista numerada
<LI> Acrescenta um ítem de uma lista
O texto:
<HR>
<UL>
<LI> ESTA É UMA LISTA
<LI> ESTA É UMA LISTA
<LI> ESTA É UMA LISTA
</UL>
<OL>
<LI> ESTA É UMA LISTA NUMERADA
<LI> ESTA É UMA LISTA NUMERADA
<LI> ESTA É UMA LISTA NUMERADA
</OL>
Seria exibido como:
Como podemos perceber, não há necessidade de se colocar tags de quebra de linha <BR> ou de parágrafo <P> entre os ítens de uma lista. Vale a pena ressaltar que, para podermos fechar a lista, devemos acrescentar a tag de fechamento (</UL> ou </OL>).
Existem dois tipos de links:
A tag de links externos é a seguinte:
<A HREF="XXXXXX"> Texto </A>
Onde:
XXXXX corresponde ao endereço da página e Texto corresponde ao texto exibido pelo link.
Exemplos:
<A HREF="http://www.geocities.com/Heartland/1296">Revista
Aqua </A>
é igual a:
Revista Aqua
<A HREF="mailto:theo.araujo@sti.com.br">Mande
e-mail!</A>
é igual a:
Mande e-mail!
Links internos, quando ativados, levam o leitor a outro local do documento. Para tanto, temos que definir o alvo (local para onde o leitor será levado) e o link.
Para definirmos o alvo, usamos a seguinte tag:
<A NAME="XXXX">Texto</A>
Onde: XXXX é o nome do alvo e Texto é o que aparecerá no local do alvo. (O texto é opcional).
Para definirmos o link, usamos a tag:
<A HREF="#XXXX">Texto</A>
Onde: XXXX é o nome do alvo (que deve ser precedido por
#) e Texto é o que estará escrito no link.
Exemplos:
<A NAME="TEST">Teste</A>
<A HREF="#test">Volta ao ítem Teste</a>
corresponde à:
A colocação de figuras é extremamente fácil. Basta colocar a seguinte tag:
<IMG ALT="XXXXX" SRC="ZZZZZZ.YYY">
Onde:
XXXXX - Texto alternativo à figura (no caso da figura não
aparecer);
ZZZZZZ - Nome da figura (pode ser junto com o endereço,
se não for no mesmo diretório da página)
e
YYY - extensão da figura (JPG, GIF, BMP)
Exemplo:
<IMG ALT="Esta é uma figura!" SRC="br.gif">
ficaria igual a: