Html Assistente: Capítulo 01 

Cabeçário de uma página:
 
<html> 

<head> 

<title>Titulodapage</title> 

</head> 

<body> 

#Corpodapagina 

</body> 

</html>

' inicio da página 

' inicio do cabeçario 

' aqui deve ser inserido o título da página 

' fim do cabeçario 

' inicio do corpo da página 

# todos os comandos da página 

' fim do corpo da página 

' fim da página


Exemplo:

<html>
<head>
<title>Atlantis VIII</title>
</head>
<body>

#Corpo da página

</body>
</html>
 


Html Assistente: Capítulo 02 

Comandos para texto:
 
<font size=x> 

<font color=y> 

<blink>texto</blink> 

<b>texto</b> 

<i>texto</i> 

<u>texto</u> 

<br> 

<p>comandos</p> 

<center>texto</center>

' tamanho do texto, o x varia de 1 a 20 

' cor do texto, o y e a cor em inglês 

' deixa o texto piscando 

' deixa o texto em negrito 

' deixa o texto em itálico 

' deixa o texto sublinhado 

' quebra de linha 

' comandos separados por quebra de linha 

' texto fica centralizado


Exemplo:

<html>
<head>
<title>Atlantis VIII</title>
</head>
<body>

<center><i><b><u><font size=10 color=blue>Bem vindo a minha home page</font></u></b></i></center>

</body>
</html>
 


Html Assistente: Capítulo 03 

Características de uma page:
 
<body> 

<body bgcolor=cor> 

<body background=endereco> 

<body link=cor> 

<body text=cor> 

<body alink=cor> 

<body vlink=cor> 

<body Load="teste(this.form)"> 

<body unLoad="teste2(this.form)">

' corpo da page 

' cor de fundo da page 

' figura de fundo 

' cor padrao de links 

' cor padrao de texto 

' cor padrao de link clicado 

' cor padrao de link visitado 

' quando a página for carregada executará a função teste 

' quando a página for descarregada executará a função teste2


Exemplo:

<html>
<head>
<title>Atlantis VIII</title>
</head>
<body background="picture.jpg"  link="blue" alink="red" vlink="purple" onLoad="teste(this.form)">

<center><i><b><u><font size=10 color=blue>Bem vindo a minha home page</font></u></b></i></center>

</body>
</html>
 


Html Assistente: Capítulo 04 

Outros comandos básicos:
 
<a href=url>teste</a> 
 

<img src=url> 

<embeb src=url> 

<hr> 

<script language=x>comandos</script> 
 

' inserindo um link, url e o endereço do link 

' abrindo uma imagem, url e o endereço da figura 

' abrindo um arquivo de som, url e o endereço 

' inserindo uma linha 

' inserindo comandos de programação, x e a linguagem usada


Exemplo:

<html>
<head>
<title>Atlantis VIII</title>
</head>
<body background="picture.jpg"  link="blue" alink="red" vlink="purple" onLoad="teste(this.form)">

<center><i><b><u><font size=10 color=blue>Bem vindo a minha home page</font></u></b></i></center>

<embed src=musica.mid>

<a href=http://www.netscape.com>Vai para pagina do netscape</a>

<img src=figura.gif><hr><hr><a href=principal.htm>voltar para pagina principal

</body>
</html>

 

Html Assistente: Capítulo 05 
  • Bem acho que você já pegou um pouco da lógica, bem pra começar a práticar abra umas páginas (view source ou exibir origem da página no netscape), edite e veja o que acontece.
  • Você também pode usar um editor (o Composer é ótimo) para ajudar na hora do trabalho pesado, mas sempre é preciso dar um polimento nas suas páginas.

  • Bem você pode também comprar um livro para aprofundar um pouco a teoria, pratique bastante e boa sorte! 
    ©1997-98 Atlantis, todos os direitos reservados
    1