Estamos aqui em nossa segunda web-aula. Como eu disse no post anterior, no post de hoje vamos começar a programar.

Inicialmente vamos estudar html, nosso ponto de partida. Vamos estudá-lo já da forma correta, vamos ver alguns de seus aspectos principais, testar alguns códigos e compreender seus significados.

Como assim programar html da forma correta?

Pois bem, é muito fácil programar em html, você coloca qualquer tag(depois vamos ver isso bem de perto) e a pagina funciona.
Mas cada tag tem seu significado, por isso o conceito tão famoso chamado web-semântica, Semântica significa significado, com isso queremos dizer que cada tag tem um significado.

Essa tal semântica ajuda ao robô do google encontrar nosso site.

Está com mais dúvidas ainda?

Ok, relaxe e deixe a web fluir em você. Ops! Fluir com você. Ops! Fluir sem você. Ahh!

Deixa apenas a web fluir. ;)

–

Como eu disse, vamos começar a programar. Abra seu dreamweaver, ou algum outro editor de html e digite:

<html>

<head>

<title> </title>

</head>

<body>

</body>

</html>

Nota: No caso do dreamweaver, ao criar uma pagina html, exclua todo o conteúdo da pagina e digite o código acima.

Observe que este conjunto de tags, este código digitado acima é a estrutura de uma página web, poderíamos ficar aqui por horas só falando sobre suas características, mas nesta aula vamos falar somente das características principais.

O que é uma tag?
Tag consiste em estrutura de linguagem de marcação, breve instruções que tem inicio e fim.

O que é linguagem de marcação?
Envolve a codificação simples de seqüências de dados em um arquivo de computador no formato texto-puro.
Simplificando, consiste em marcação de instruções pré-definidas que tem inicio e fim.

Caracteristicas
<html> = Esta tag é a principal, é dentro dela que entra todos os outros dados do html. Todos as outras tags html devem estar localizadas dentro da tag html.

Você colocar por exemplo a tag <br>(quebra de linha) antes da tag html, vai até funcionar, mas não é recomendável e como estamos aqui para aprender o html da forma correta, não iremos fazer desta forma.

<head> = Esta tag comporta diversas outras tags especiais, além de comportar tags que incluem códigos externos.

<title> = Esta tag é o título da página literalmente e o que você colocar dentro dela, aparecerá no topo do navegador.

<body> = Esta é o corpo da pagina, onde todo o conteúdo de uma página web deve ficar.

Agora experimente colocar o seguinte código em seu editor:

<html>

<head>

<title>Aprendendo HTML</title>

</head>

<body>

Olá mundo!

</body>

</html>

Salve-o com a extensão .htm e abra esta página.

Você verá escrito na página: Olá mundo!

Observe que no topo do navegador e não da página, está escrito Aprendendo HTML.

Simples não?

Vamos brincar um pouco com esse código, coloque a tag <b> em volta de onde está escrito Aprendendo HTML. Lembre-se de fechar esta tag.

Ficando dessa forma: <b> Aprendendo HTML </b>

Nota: Para abrir uma tag você usa <tag> e para fechar usamos uma barra na tag ficando dessa forma: </tag>
Toda tag que é aberta precisa ser fechada.

Salve o mesmo documento e abra-o no navegador. Repare que o texto que adicionamos anteriormente foi posto em negrito.

Como prometido na aula anterior, já começamos a programar uma página web, agora você já sabe como inicia a criação de um website. Ainda tem muita coisa pela frente, basta corrermos.

Na próxima aula vamos ver muitas outras tags.

Até lá ;)

Veja a aula 003