Ideas for Ticteando

Send

Tutorial HTML básico..

Primeiro que tudo, que quer dizer HTML?
"hyper text mark.up language"

O que é preciso para construir um site?

Basta ter um "notepad", ou em português, "bloco de notas", e um segundo navegador.
O "bloco de notas" é um simples editor de texto, se quiserem procurar um basta que cliquem no "menu" do vosso Windows e procurem essa opção.
Um segundo navegador pode ser o Netscape, ou o Mozilla Firefox.

O que é o HTML?
A linguagem html é feita de tags que são colocadas em ângulo, uma página web é completamente fechada dentro das tags html.

As tags HTML trabalham em pares

A primeira tag <HEAD> informa ao navegador que está lendo um documento html.
Esta tag </HEAD> com o / diz ao navegador que o html terminou.

Continuação:
A primeira <HEAD> informa ao navegador que esta a ler a cabeça de um documento html.
O tag
</HEAD> com o / diz ao navegador que a cabeça do documento já terminou.

Mais um exemplo:
A primeira tag <title> informa ao navegador que esta a ler o titulo de um documento html.
A tag </title> indica que o titulo do documento a terminou.

Exemplo prático:

<HTML>
<HEAD>
<TITLE> Um exemplo </TITLE>
</HEAD>
<BODY>

Este é o teu primeiro site, é fácil não é?

</BODY>
</HTML>


Constrói um site agora mesmo:
1-Abre o teu "menu" e procura o "bloco de notas" ou "notepad"
2-Copia o código acima
3-Cola o código que copiaste para o bloco de notas
4-Grava com a terminologia .html, exemplo : testedeumsite.html
5-Abre o documento que gravaste e ai esta o teu primeiro site
6-Se quiseres voltar a editar o documento, clica com o botão direito no documento e escolhe "Abrir com" e escolhe o "Notepad" ou "Bloco de notas"

Nota: A terminologia .html diz ao teu computador que isso é um site, pode ainda ser gravado usando a terminologia .htm

Explicação do código:

<HTML>
<HEAD>

Nesta parte nada é visto "de fora" a não ser o titulo que deres ao teu site, e que deve aparecer na barra do teu navegador.
Existem inúmeras coisas que ainda se pode colocar aqui, como meta tags e javascript mas para já o que nos interessa é o titulo
<TITLE> O meu primeiro site </TITLE>
</HEAD>

<BODY>
Nesta secção colocas todas as informações que queres partilhar
</BODY>
</HTML>


Formatando a página:
Existem imensas tags html que podem formatar uma página web.
Aqui vou-vos dar as mais fáceis e usuais.

Se colocares a tag <CENTER> logo após a tag <BODY> estarás a centrar o teu texto, tal como no word, mas não te esqueças de colocar a tag </CENTER> antes de fechar com a tag </BODY>

Podes ainda colocar algum espaço entre as linhas colocando a tag <BR> , atenção que a tag <BR> não precisa de tag a encerrar.

<BODY>
<CENTER>
<BR>
<BR>
<BR>
A mensagem que quiserem passar
</CENTER>
<BODY>


Desta forma estão a dar 3 parágrafos de distância do topo do vosso site, para a frase aparecer.

Go Back

Comment