Como fazer um blog em HTML

Criar um blog em HTML é uma maneira simples de ter um blog que você pode atualizar em qualquer editor de texto. Os blogs têm vários elementos em comum que são facilmente produzidos em HTML básico. Cada postagem do blog deve aparecer acima da última, ter um título, data e conteúdo. Usando tags de comentário HTML, o código para as postagens do blog permanece na página, mas não é visto até que seja usado para uma postagem real. O código é copiado da seção de tag de comentário e colado na página acima da última postagem do blog. Em seguida, o código é preenchido com conteúdo.

Passo 1

Abra o editor de texto e crie um novo arquivo clicando em “Arquivo” e “Novo”. Cada computador vem com um editor de texto. Um PC com Windows usa o Bloco de notas. Ele pode ser encontrado em "Aplicativos" no menu Iniciar. PCs Mac têm edição de texto. Para abrir o Editor de Texto, abra o Finder e clique em "Aplicativos". Role para baixo até o ícone de edição de texto e clique duas vezes para abrir.

Vídeo do dia

Passo 2

Crie a página da web digitando as tags HTML básicas para a página. Por exemplo:

Meu blog

etapa 3

Use a maior tag de título para dar um título à página. As tags de título começam com he terminam em um número, sendo 1 o maior. Por exemplo:

O elemento de estilo usa elementos CSS para centralizar o título na página. Os cabeçalhos também deixam um espaço duplo após eles.

Passo 4

Crie o código de postagem do blog usando tags de cabeçalho e de parágrafo menores. Por exemplo:

Minha primeira postagem

1 ° de junho de 2010

Esta é uma postagem


A tag EM coloca o texto em itálico. A quebra ou marca BR coloca uma quebra de linha após a data. A marca P ou de parágrafo coloca uma quebra de linha dupla após um bloco de texto. A tag HR coloca uma linha na página após o parágrafo.

Etapa 5

Copie o código da postagem do blog e coloque-o antes da primeira postagem. Coloque o código na tag de comentário. A tag de comentário é. A página no exemplo agora será semelhante a:

Meu blog

Minha primeira postagem

1 ° de junho de 2010

Esta é uma postagem


A tag de comentário torna o código não utilizado invisível para o navegador. Para usá-lo em uma postagem de blog, basta copiar o código e remover as tags de comentário.

Etapa 6

Salve o arquivo como index.html clicando em "Arquivo" e "Salvar".