Como Criar um Blog em HTML

Criar um blog em HTML é forma simples de ter um blog atualizável em qualquer editor de texto. Blogs têm elementos comuns facilmente produzidos em HTML básico. Cada post deve aparecer acima do anterior, com título, data e conteúdo. Usando tags de comentário HTML, o código dos posts fica na página mas invisível até ser usado. O código é copiado da seção de comentários e colado acima do último post. Então preenche-se com conteúdo.

Passo 1

Abra o editor de texto e crie novo arquivo: "Arquivo" > "Novo". Todo computador tem editor. Windows usa Bloco de Notas (em "Acessórios" no menu Iniciar). Mac usa TextEdit. Abra o Finder, clique "Aplicativos", role até TextEdit e clique duas vezes.

Passo 2

Crie a página web digitando tags HTML básicas. Exemplo:

<html>
  <head>
    <title>Meu Blog</title>
  </head>
  <body>
  </body>
</html>

Passo 3

Use a maior tag de cabeçalho para título da página. Tags começam com h e terminam em número (1 é maior). Exemplo:

<body>
  <h1 style="text-align:center">Meu Blog</h1>
</body>

O elemento style usa CSS para centralizar. Cabeçalhos deixam espaço duplo após eles.

Passo 4

Crie código do post usando tags de cabeçalho menores e parágrafos. Exemplo:

<h3>Meu Primeiro Post</h3>
<em>1 de Junho de 2010</em>
<p>Este é um post</p>

A tag EM italiciza. Tag BR quebra linha após data. Tag P quebra duplo após bloco. Tag HR linha horizontal após parágrafo.

Passo 5

Copie o código do post e coloque antes do primeiro post. Coloque na tag de comentário <!-- -->. A página ficará assim:

<html>
  <head>
    <title>Meu Blog</title>
  </head>
  <body>
    <h1 style="text-align:center">Meu Blog</h1>
    <!--<h3>Meu Primeiro Post</h3> <em>1 de Junho de 2010</em> <p>Este é um post</p> -->
  </body>
</html>

<h3>Meu Primeiro Post</h3>
<em>1 de Junho de 2010</em>
<p>Este é um post</p>

• Como Baixar Filmes Grátis Rapidamente
• O que é Erro de Sintaxe em Java?