Neste tutorial você irá aprender como criar um site html para que você possa fazer seu primeiro site. Iremos ensinar os códigos básicos em html que fazem parte de um página da web. Você irá aprender, por exemplo, como mudar a cor e tamanho das fontes, inserir imagem, criar link, fazer uma lista etc. Tudo que um iniciante precisa saber para poder criar seu primeiro site totalmente grátis.
Embora existam vários programas para criar site, não é aconselhável usá-los neste momento. Use o bloco de notas ou um editor html online para treinar. Isso irá ajudar no seu aprendizado. Se usar o bloco de notas, não se esqueça de salvar o arquivo como .html ou .htm. Qualquer uma das extenções serve.
A estrutura de um site html
Todo documento ou página html é composta por Tags. Essas são as tags básicas que fazem parte de qualquer documento. Note que as tags abrem dessa <HEAD> forma e fecham dessa forma </HEAD> , com o símbolo / no início.
- <HTML>
- <HEAD>
- <TITLE> Título da página </TITLE>
- </HEAD>
- <BODY> corpo da página </BODY>
- </HTML>
Como mudar tamanho e cor das fontes
A tag é usada para definir o tamanho, cor e tipo da fonte.
- <FONT COLOR> - muda a cor da letra
- <FONT FACE> - muda o tipo de letra
- <FONT SIZE> - altera o tamanho da letra.
Veja abaixo alguns exemplos:
- <FONT FACE="VERDANA" SIZE="1" COLOR="RED">texto</FONT>
- <FONT FACE="TIMES" SIZE="2" COLOR="BLUE">texto</FONT>
Formatando o texto de um documento html
As tags que permitem a formatação de texto de um documento html são as seguintes: <B> - Negrito, <U> - Sublinhado, <I> - Itálico e <CENTER> - Centralizado. O texto que você pretende formatar deve ficar entre essas tags, por exemplo: <CENTER> seu texto </CENTER>
Como criar um link
Links são palavras, geralmente na cor azul, que podem ser clicadas pelo mouse. Ao clicar um link você irá para outra página da web. Veja abaixo o código para criar um link e como ele aparece na página.
<a href="http://www.comocriarumsite.org">como criar um site</a>
como criar um site html
Como criar uma lista
Existem dois tipos de listas em html:
- Ordenada ( contém números ) código <OL> <LI> <LI> <LI> </OL>
- item 1 lista ordenada
- item 2 lista ordenada
- Desordenada ( contém bullets ) código <UL> <LI> <LI> <LI> </UL>
- item 1 lista desordenada
- item 1 lista desordenada
Como colocar imagem
A tag usada para inserir imagem em um documento html é a img. O código completo é o seguite:
<img src="url do caminho da imagem" />
