[Tutorial] HTML - parte 1

[sp3c]

HTML - 1

Qualquer um pode aprender HTML, O tutorial parte do zero e não requer qualquer conhecimento prévio de programação.

HTML (HyperText Mark-up Language)

Material:
Bloco de Notas ou qualquer outro editor de texto do mesmo tipo



Resumindo uma longa história, HTML foi inventado em 1990 por Tim Berners-Lee. A finalidade inicial era tornar possível o acesso e a troca de informações e de documentação de pesquisas, entre cientistas de diferentes universidades. O projeto inicial tornou-se um sucesso e ao inventar o HTML ele lançou as fundações da Internet tal como a conhecemos actualmente.

Aquilo que vemos quando abrimos uma página na Internet é a interpretação que o Browser faz do HTML. Para visualizar o código HTML de uma página use o menu "View" (Ver) no topo do browser e escolha a opção "Source" (Código fonte).



HTML funciona por tags, é bastante simples, as tags são identificadas por ficar escritas entre o sinal menor "<" e maior ">"
Existem dois tipos de Tag, as tags da inicio <tag> e as tags de fim </tag> nas tags do fim acrescentamos "/"


O Browser lê HTML de cima para baixo e da esquerda para a direita.



Abrimos o Bloco de Notas e vamos começar

HTML é simples e lógico, começamos por escrever a primeira tag <html> e fechamos já escrevemos na linha seguinte </html>

entre estas tags escrevemos mais duas tags <head> e fechamos </head> e <body> e fechamos tambem </body>

devemos ter algo deste tipo

Code Select Expand








 

 



 

 





a tag <head> contem as informações do nosso site como o titulo por exemplo, a tag <body> é onde vamos escrever o "corpo" do nosso site



continuando..

dentro da tag <head> escrevemos

Code Select Expand

a tag title é o titulo do nosso site o que estiver aqui escrito vai aparecer na barra de titulo da janela do nosso site

dentro da tag <body> escrevemos

Code Select Expand

Estou aprender a programar HTML

e como nao podia falta no primeiro tutorial

Code Select Expand

Hello World

as tags p é a abreviatura para "paragraph" (parágrafo)


vamos ter isto no nosso bloco de notas

Code Select Expand

 

 

 



 

 

Estou aprender a programar HTML

 

Hello World

 





fazemos Salvar Como ou Save As e guardamos como site.htm ou site.html é igual, depois de guardado, abrimos com o nosso browser e vamos ver o que obtemos


na proxima parte do tutorial vamos fazer um site ja com imagens e hiperligações (é isso que faz falta a quem quer passa do photoshop para HTML), com hiperligações ja vamos poder navegar no nosso site, o tutorial tem que ser dividido em partes, senao torna-se muito grande

alguma duvida, perguntem

cumprimentos

[agfrg]

Se vais fazer com imagens e links na proxima parte do tutorial e melhor meteres também tabelas.

Bloco de Notas POWA!

Bom tutorial.

[masterhard]

bom tutorial  :boa:

[CrossIron]

nice Tutorial

[Furt4d0]

Já tive a treinar. Bom tutorial sp3c :boa:

[GettinBetter]

bom tutorial sp3c :wink:
aguardo as outras partes