AULA 01- primeiros passos.

Fala aí galerinha ligada no Blog!!!

como eu havia prometido começaremos com o nosso curso básico de HTML...

Explicando o que é HTML...

HTML ou Hyper Text Markup Language - Linguagem de Marcação de Hipertexto, é uma linguagem considerada a base de todas as outras linguagens de desenvolvimento de projetos para WEB.

Com ela você pode compartilhar fotos, vídeos, músicas, textos e fazer muitas coisas.

Introdução.

Para criarmos a nossa primeira página devemos ter em mente que TODOS os comandos relativos ao HTML da página deverão estar entre os marcadores "<" e ">", estes marcadores são chamados de TAGS.

Estes marcadores geralmente são usados em pares, sendo que quando você abre uma TAG como por exemplo a TAG html :

você precisará fechar a TAG deste modo:

A TAG com a barra ( / ) significa que você está fechando a TAG sem a barra.

Você terá que ter um conhecimento em HTML básico para poder ter mais facilidade em usar códigos mais complexos utilizando programas que montam o código fonte automaticamente, falaremos sobre estes programas mais adiante.

Primeira Página em HTML

Primeiramente criaremos uma pasta para salvarmos os arquivos da página, inicialmente dê preferência ao Desktop ( área de trabalho).

Sempre deixe seus arquivos organizados, de uma forma que fique fácil o acesso, isso ajuda a trabalhar com eles em um projeto grande.

Depois de criada a sua pasta, abra o bloco de notas... Sim!! o bloco de notas, seu primeiro editor em HTML.

Depois de aberto digite o seguinte código:

Explicarei agora o que você escreveu:

A TAG html indica que você iniciou um arquivo em HTML.

A TAG head indica que você abriu um cabeçalho.

A TAG title deve ser usada dentro do cabeçalho head e serve para colocar o título na página, ou seja aquela frase que aparece na barrinha azul do windows.

A TAG body significa que foi inserido um corpo na página, e é dentro desta tag que vai boa parte dos códigos utilizados em uma página em HTML.

A tag p indica que foi abreto um novo parágrafo.

junto com esta tag iremos trabalhar com os atributos relativos ao texto como no exmplo de cima o alinhamento, usando o atributo ALIGN que pode ser: CENTER, LEFT, RIGHT ou JUSTIFY.

O código deve ficar assim:

Após feito isso salve seu arquivo com o nome teste.html LEMBRE-SE ponha sempre a extensão ".html".

Bom pessoal feito isso seu arquivo deverá ter sido salvo como uma página da web, abra-o e veja o resultado...

A aula de hoje termina aqui, qualquer dúvida postem nos comentários com detalhes que responderei assim que possível, na próxima aula discutiremos sobre os marcadores da tag "HEAD".

Abraço pessoal e até a próxima.

PS: Esta aula foi meio difícil de fazer... tive que inserir os códigos por imagem, porque tudo o que eu escrevia incorporava como código fonte na página, hehehehe, mas tudo vale a pena \o/.