O básico de HTML em 3 passos
Se você tem um blog, com certeza já de deparou de frente com o código fonte dele, seja para colocar algo em seu lugar, aplicar um efeito ou corrigir um Bug, mas nem sempre as coisas saem do jeito desejado. Nesse artigo vou mostrar a vocês o básico de HTML.
1º: Entendendo as tags
Tag é o nome que se da aos atributos de tal linguagem de programação, eles tem abertura e fechamento, veja abaixo algumas tags e onde são usadas:
<head></head> | Nessa tag ficam armazenados scripts, caminhos ate o CSS, titulo da pagina, etc…
<body></body> | Aqui é onde fica todo o conteúdo da pagina: Textos, imagens, links, banners, em fim, tudo!
<p></p> | Tag usada para escrever um paragrafo exemplo: <p>Este é o texto do paragrafo 1</p><p>Esse é o texto do paragrafo 2</p>
<center></center> | Pouco usada, serve para colocar tais objetos no centro da pagina, tem o mesmo efeito do “<p align=”center”></p>
<font></font> | Usada para definir uma cor de um texto ou de uma palavra em especial.
Mas nem todas as tags tem fechamento, observe abaixo:
<br /> | Usada na quebra de linhas, quando se quer pular uma linha
<img SRC=”#X#” /> | Usada para inserir imagens, substitua o “#X# pelo caminho da imagem, exemplo: <img SRC=”imagens/logo.png” /> Ao inserir uma imagem em seu site não se esqueça de colocar o tipo de arquivo no final *.png *jpg , etc.
2º: Atributos adicionais
Quase toda tag tem atributos adicionais:
<p align=”center”></p> | Definir alinhamento do paragrafo
<input type=”text”></input> Definir tipo do campo de um formulario
<body color=”red”></body> Definir cor de fundo do seu site
<a href=”http://www.junior.lenilson.com.br”>Titulo do Link</a> Link
Existem muito outros atributos, explore-os!
3º: Estrutura básica de um site
Por fim seu site deve ser parecido com esse aqui:
<html>
<head>
<title>Titulo do seu site</title>
</head>
<body color=”a cor que você escolheu(Cores em Hexadecimal)”>
<center>
<h1>Bem Vindo</h1>
</center>
<p align=”center”>Ola esse é um texto de pagina inicial</p>
<p align=”center”>
<smal>Desenvolvido por <a href=”http://www.junior.lenilson.com.br”>LenilsonJr</a></smal>
</p>
</html>
Agora que você já tem uma pequena noção de HTML pode se deparar com mais familiaridade com o código fonte de seu site 
Até mais!
