Para começar a desenvolver sites é necessário conhecer a estrutura básica
do código HTML, que no meu ponto de vista, é a mais simples de todas as
linguagens. A linguagem HTML é feita por tags. Mas o que são as tags? Tag é uma
palavra inglesa que significa etiqueta ou rótulo, que serve para o navegador (Internet
explorer, Fire Fox, etc...) possa identificar o que é “o quê”, e mostrar para o
leitor do site.
As tags tem que ser abertas e fechadas para que funcionem corretamente,
existem dois tipos de tags: as de conteúdo e as vazias. As tags de conteúdo tem
o seguinte formato: o sinal de menor, nome da tag, sinal de maior - juntos significam
que foi aberta a tag. Exemplo: < nome da tag >, o sinal de menor, a barra
data (barra no formato da data), o nome da tag, o sinal de maior – significa que
a tag foi fechada. Exemplo: </nome da tag>. As tags vazias tem a seguinte
forma < nome da tag />, ela tem esse formato porque não tem conteúdo
dentro dela. No exemplo abaixo será mais fácil de entender.
As tags que não podem faltar para que a página seja exibida
corretamente:
A tag
<html> de conteúdo - indica ao navegador que se trata de um documento
html, e deve ser aberta no começo do documento e fechado no final contendo todo
o código HTML.
Exemplo:
<html> -->abertura da tag
<head>
</head>
<body>
</body>
</html> --> fechamento da tag
É na tag <head> de conteúdo – aqui será colocado o titulo da página, palavras chaves para que o Google busque nosso site e outros códigos que será mostrado mais à frente.
Exemplo:
<html> -->abertura da tag
<head>
</head>
<body>
</body>
</html> --> fechamento da tag
É na tag <head> de conteúdo – aqui será colocado o titulo da página, palavras chaves para que o Google busque nosso site e outros códigos que será mostrado mais à frente.
É na tag <title> de conteúdo –
que será mostrado o titulo do seu site, igual quando você entra no site do
Terra e aparece no titulo “Terra –
Notícias, vídeos, esporte,...” o Google usa isso como busca. Por padrão ela
deve ser fechada e aberta na mesma linha
Exemplo:
<html>
<head> -->Abertura da tag head contendo o titulo do site
<title>Olá Mundo!</title> --> titulo que aparece Olá Mundo!
</head> --> fechamento da tag head
<body>
</body>
</html>
Exemplo:
<html>
<head> -->Abertura da tag head contendo o titulo do site
<title>Olá Mundo!</title> --> titulo que aparece Olá Mundo!
</head> --> fechamento da tag head
<body>
</body>
</html>
Como o nome já diz a tag <body> é o corpo da página, então, todo o conteúdo de uma página deve ser inserido dentro da tag <body>.
Exemplo:
<html>
<head>
<title>Olá Mundo</title></head>
<body>
lugar de lixo<br/>é no lixo--> veja a tag vazia <br />, essa tag é usada para pular uma linha
</html>
Esse é o básico
do HTML, mais à frente iremos um pouco mais fundo explicando outras tags.
Eu recomendo, para começar, que instalem um editor gratuito de edição
HTML, existem vários no site Baixaki e no Superdownloads
Caso tenha dúvidas poste-as nos comentários abaixo.
Vou deixa um link com um arquivo HTML para download. Clique aqui para iniciar o download aguarde os segundos acabrem para fazer o download.
