|
1º
Parte - Entendendo o código html
Todo documento HTML apresenta elementos entre sinais: < e >, esses
elementos são as tags de HTML. Tags são os comandos de
formatação da linguagem. A maioria das tags tem um fechamento,
que é simbolizado pela barra (/).Tanto faz escrever <HTML>,
<Html>, <html> ou <HtMl>.
A estrutura básica de um documento HTML apresenta os seguintes
componentes:
<HTML>
<HEAD><TITLE>Titulo do Documento</TITLE></HEAD>
<BODY> Aqui entra texto, imagem, links...
</BODY>
</HTML>
Os documentos se dividem em duas seções:
1. A Seção <HEAD>
<HEAD> contém informações sobre o documento.
O elemento <TITLE> define o título que é mostrado
no alto da janela do browser.
No HEAD também deve colocar as informações sobre
a página que não são visualizadas pelo internauta.
2. A Seção <BODY>
Tudo que estiver em <BODY> será mostrado ao internauta.
Aqui ficam as informações sobre o corpo da página,
como cor de fundo, cor de texto, cabeçalhos, parágrafos,
listas, tabelas, links para outros documentos e imagens. Alguns códigos
usados nesta seção:
<br>: quebra de linha
<p>: novo parágrafo
<HR>: insere uma linha horizontal
<meta>: envia informações adicionais para o servidor
http e não são exibidos pelo browser.
<PRE>: apresenta o texto na mesma maneira em que foi digitado,
mantendo quebras de linha e tabulações
<blockquote>: usado para citações longas
<address>: Usado para formatar endereços de correio eletrônico
(e-mail).
<hx>: cabeçalho, você nomeia <h1>, <h2>
Estilos
de links:
Link em texto: <a href="texto1.html">Clique aqui</a>
Link em imagem: <a href="pagina.html">aqui vai a imagem</a>
Link para outro site: <a href="http://www........html">Clique
aqui</a>
Link para e-mail: <a href="mailto: email@email.com.br"></a>
Link para pontos de uma página: <a href="#cima">clique
aqui para ir para cima</a>
Obs: #cima
se refere à <a name="cima"></a> que estará
em algum lugar da página, no caso acima deve-se colocar "<a
name="cima"></a>" na parte superior da página;
Cores
de links:
LINK define a cor de links ainda não consultados
VLINK se refere aos links já consultados
ALINK determina a cor de links ativos
|
