Montando sua Própria Home Page
[Home] [Um pouco sobre mim] [Fotos de amigos Virtuais I] [Fotos de Amigos Virtuais II] [Pensamento do Mês] [Dicas] [Frases Famosas] [Links] [Músicas] [Downloads] [Gifs animados] [Montando sua própria Home Page] [Charges] [Poemas e Versos]
O que é HTML?
Ela é orientada por marcadores ou TAGs. Cada Tag informa ao programa visualizador, ou Browser, como ele deverá formatar o texto. Os tags podem ser únicos ou duplos, com início e fim. Exemplo:
TAG único: <BR>
TAG duplo: <P>.........</P>
*Browser: Programa de acesso a internet, Netscape, Internet Explorer, entre outros. Na seção de downloads você encontra browsers, confira!!!
Iniciando um documento HTML
Todo e qualquer documento HTML fica contido entre os TAGs: <HTML> e </HTML>.
Vou mostrar agora as duas seções básicas:
HEAD: Contém parâmetros de configuração do documento, é o que define o cabeçalho da página.
<HEAD> Cabeçalho da página</HEAD>
BODY: Contém o documento em si. Esse é o corpo da página
A sua extrutura é a seguinte:
<HTML><HEAD><TITLE>Título da Home Page</TITLE></HEAD>
<BODY BACKGROUND="imagem">*** Conteúdo da Home Page ***</BODY></HTML>
*
Mais abaixo veremos exemplo da extrutura básica!
Montando a estrutura básica de uma página HTML.
<html>
<head>
<title> </title>
</head>
<body>
</body>
</html>
Onde:
| <html></html> | Informa ao browser que a página iniciou. |
| <head></head> | Especifica o nomes. |
| <title> </title> | Define o nome que aparecerá na barra de título do browser(fica entre os comando <head></head>) |
| <body> </body> | Área que contém as tags que compõem a página. |
Veja abaixo a lista de tags para sua página:
| <body background="imagem.gif" | Imagem de fundo Imagem.gif = nome do arquivo imagem que será usado para o fundo da página |
Insere uma imagem como fundo da página. Esta imagem deve estar no formato .gif |
| <body bgcolor="#rrggbb"> | Cor padrão de
fundo
#rrggbb= código da cor de fundo(a lista virá no final da página) |
Define uma cor de fundo padrão. |
| <body text="#rrggbb"> | Define a cor padrão do texto | Define a cor padrão do texto. |
| <Hn></Hn> | Títulos e/ ou
cabeçalhos. n= um número de 1 a 6 (do maior para o menor nesta ordem) |
Existem 6 níveis
de cabeçlho na página, ex.: <h1></h1> |
| <p> | Parágrafo | Insere uma linha em branco entre dois parágrafos |
| <a href="endereço">texto</a> | Link endereço= URL ou nome de arquivo texto= texto clicável |
Define um link que aparecerá sublinhado. |
| <img src="figura.gif"> | Insere uma imagem figura.gif= nome da imagem |
Insere uma imagem, esta imagem pode estar em um arquivo ou em uma outra URL |
| <hr> | Insere linha horizontal |
Tabela de cores
WHITE |
#FFFFFF |
| RED | #FF0000 |
| GREEN | #00FF00 |
| BLUE | #0000FF |
| MAGENTA | #FF00FF |
| CYAN | #00FFFF |
| BLACK | #000000 |
EXISTEM CORES QUE PODEM SER DIGITADAS COMO SÃO: BLUE, YELOW, BLACK, CYAN ETC....
Links hyper-texto para outros documentos
Um link é uma ligação entre a página atual e uma outra página qualquer na internet.
Clicando em um link o browser acessa a página na internet e mostra na sua tela a nova página.
Existem links para outros tipos de serviços além de páginas: e-mail, ftp, telnet etc....
Formato de um endereço na internet
Os endereços utilizados em links são endereços no formato URL (Universal Resource Locator).
O endereço URL é formato do serviço, do nome da máquina e do nome do arquivo:
Exemplo: http://www.i2.com.br/~rora/html
Serviço: http:
Máquina: www.i2.com.br
Nome do arquivo/diretório: ~rora/html
Dúvidas e críticas mande- me o seu e- mail
| Copyright®. Todos os direitos reservados. |
de- me o seu e- mail
Copyright®. Todos os direitos reservados.