[AULA] Criando sua Base de WebSite pelo Bloco de Notas

Olá pessoal amantes da programação hoje venho passar um pouco que aprendi sobre Html pra vocês...

o que seria Html?

HTML é uma linguagem com a qual se definem as páginas web. Basicamente trata-se de um conjunto de etiquetas (tags) que servem para definir a forma na qual se apresentará o texto e outros elementos da página.

o que seria Tags?

“Tag” em inglês quer dizer etiqueta. As tags na internet são palavras que servem justamente como uma etiqueta e ajudam na hora de organizar informações, agrupando aquelas que receberam a mesma marcação, facilitando encontrar outras relacionadas.

Bom agora que ja sabemos para que server e oque são vamos... começar a criar codigos
Arquivo necessario > Bloco de Notas

1° construindo um esqueleto de uma pagina html
Um documento HTML divide-se em 2 partes essenciais: cabeçalho e corpo. Veja o exemplo abaixo:

Tag de início do documento

Citação :

< html>

Cabeçalho

Citação :

< head> (cabeça do documento)
< title>título do documento
< /head> (final de cabeça do documento)

Corpo

Citação :

< body> (tag de início do corpo)
< h1>Primeiro nível de cabeçalho< /h1>
< h2>Segundo nível de cabeçalho< /h2>
< /body> (tag de final do corpo)

Tag de final do documento

Citação :

< /html>

Ficaria Assim:

Citação :

< html>

< head>
< title>título do documento< /title>
< /head>

< body>
< h1>Primeiro nível de cabeçalho< /h1>
< h2>Segundo nível de cabeçalho< /h2>
< /body>

< /html>

Explicando cada significado de cada um?

CABEÇALHO DO DOCUMENTO
A cabeça do documento deve conter as informações mais essenciais da página.
Coloca-se no cabeçalho o Título do documento, a descrição, palavras chaves e comentários

O TÍTULO
Todo documento HTML deve ter um título que servirá para identificar o documento. O título do documento não é visualizado na página mas aparece na barra de título do browser de navegação. O título não é o mesmo que cabeçalho. O título é o nome do arquivo. É através do título que sua home page será procurada pelos catálogos de busca.

A tag de título é:

Citação :

< title>< /title>

Por exemplo: minha página tem o título CINCO PASSOS PARA CONSTRUIR SUA HOME PAGE. Então a tag para o título de minha página é:

Citação :

< title> CINCO PASSOS PARA CONSTRUIR SUA HOME PAGE< /title>

A DESCRIÇÃO
A cabeça do documento deve conter uma descrição da página. Sobre o que ela trata e o que tem a oferecer. A tag para a descrição é:

Citação :

< meta name="description" content="descrição" >

Por exemplo: minha página trata de HTML. A notação para minha página é a seguinte:

Citação :

< meta name="description" content="Tutorial sobre HTML, dicas para construir homepage" >

PALAVRAS CHAVES
As palavras chaves também servirão para a busca de sua home page. A tag de palavras chaves é:

Citação :

< meta name="keywords"content="palavras chaves" >

COMENTÁRIOS
Você pode inserir comentários adicionais na cabeça do seu documento usando a marcação < !>

Portanto o cabeçalho de um documento HTML ficaria assim:

Citação :

< head> (início da cabeça)

< title>Como Fazer uma Home Page< /title>



<meta name="keywords"content="home page, html, barras, gifs,

programação">

< !Home Page criada por...usando o programa... >

< /head> (final de cabeça)

A notação acima para minha página é:

<meta name="keywords"content="HTML, tutorial, gif, homepage">

O CORPO
O corpo do documento é a parte que aparece na Home Page. O texto de algumas tags colocadas nesta sessão do documento não são visualizados na tela, mas sim os seus efeitos. É o caso, por exemplo, das tags de padrão de fundo, cor de texto e cores de link, vlink e alink.

e por final

CRIANDO UMA PÁGINA HTML USANDO UM EDITOR DE TEXTO
Uma página HTML pode ser criada em qualquer editor de texto (Bloco de Notas, WordPad, etc), desde que seja salvo no formato ASCII.
Por exemplo: Se você criar um documento usando Bloco de Notas, deve salvá-lo no formato .txt. Ao salvá-lo modifique a extensão .txt. para .htm ou .html. Se seu documento, no formato .txt. se chama Index.txt. altere-o para Index.htm ou Index.html. Porém, lembre-se que o documento somente pode ser considerado HTML se nele houver o esqueleto da linguagem HTML.

Credito: Lucas Roberto por criar explicar e ensinar criar a base web pelo Bloco de Notas...