1º - Abra o Bloco de Notas ou Notepad do windows, se tiver outro editor de texto com que se sinta mais a vontade para utilizar na criação do seu site pode usar.
2º - Código do site.
Insira no bloco de notas o seguinte código:
<html>
<head>
<meta http-equiv="Content-type" content="text/html;charset=ISO-8859-1" />
<title>Aqui vai ser o seu título</title>
</head>
<body>
Aqui vai ser o corpo do site
</body>
</html>
A tag <head> é o que identifica o cabeçalho do nosso site, a tag <meta> é usada para dizer aos navegadores que tipo de codificação de texto estamos a utilizar neste caso usamos a codificação ISO-8859-1 que é usada para a língua Portuguesa, se quizer usar uma codificação mundial troque o ISO-8859-1 por UNICODE (UTF-8) ficando assim:
<meta http-equiv="Content-type" content="text/html;charset=UNICODE (UTF-8)" />Logo a seguir temos a tag <title> que é usada para dizer aos navegadores o Título do nosso site, depois temos a tag <body> dentro desta tag até </body> temos todo o conteúdo do nosso site (Imagens, videos, textos, etc).
3º - Cores.
Agora vamos dar um fundo ao nosso site para isso digite na tag <body> este trecho bgcolor="red"; ficando assim:
<body bgcolor="red";>No exemplo que dei o fundo fica vermelho. Vê uma tabela de cores aqui.
Agora vamos mudar a cor do texto do site, dentro da tag <body> digite text="blue" ficando assim:
<body text="blue";>E tudo junto fica assim:
<body bgcolor="red"; text="blue";>
4º - Textos e Títulos.
Bem, com os estilos e cores definidos vamos adicionar conteúdo ao site. Onde diz 'Aqui vai ser o corpo do site' apague e digite o título do seu site, no meu ficaria:
<center><H1>Criar Sites</H1><center>Onde <centeer> é para centerar o título na página e <H1> é o tamanho da letra.
Existem 6 tipos de tamanhos de headers:
Após ter o seu título, vamos adicionar algum texto no meu caso ficou:<H1> - Tamanho h1
<H2> - Tamanho h2
<H3> - Tamanho h3
<H4> - Tamanho h4
<H5> - Tamanho h5
<H6> - Tamanho h6
<p><center>Que seria a tag <p> inicio de um parágrafo, as tags <br> uma linha (como por exemplo quando carregamos no enter) e <center> como antes já tinha explicado server para centerar o texto na página.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor.
Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur
ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla
consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget,
arcu.
<br>
In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede
mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean
vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac,
enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus.
<br>
Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam
ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam
rhoncus.
<br>
* Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet
adipiscing sem neque sed ipsum. <br>
* Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. <br>
* Maecenas nec odio et ante tincidunt tempus. <br>
* Donec vitae sapien ut libero venenatis faucibus. <br>
* Nullam quis ante.
<br>
Etiam sit amet orci eget eros faucibus tincidunt. Duis leo. Sed fringilla mauris sit amet nibh. Donec sodales sagittis magna</p></center>
5º - Agora é so ir a 'Ficheiro' no blogo de notas, carregar em 'Guardar Como...' e digitar 'nome do seu site.html'
E é tudo, fica um site bem simples, muito mesmo, mais à frente farei um post explicando como fazer um site profissional utilizando folhas de estilo.
Download do meu site