Como criar um blog em HTML

Criar um blog em HTML é uma maneira simples de ter um blog que você pode atualizar com 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. Por meio das tags de comentário HTML, o código das entradas do blog permanece na página, mas fica invisível até ser usado para uma postagem real. O código é copiado da seção rotulada como um 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. Isso pode ser encontrado em “Aplicativos” no menu Iniciar. Os computadores Mac têm o Editor de texto. Para abrir o Editor de texto, abra o mecanismo de pesquisa e clique em “Aplicativos”. Role até o ícone de edição de texto e clique duas vezes para abrir.

Etapa 2

Crie a página da Web escrevendo entre as tags HTML básicas. Por exemplo:Mi blog

Etapa 3

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

Meu blog

. O elemento style usa elementos CSS para centralizar o título da página. Os títulos também deixam um espaço duplo depois deles.

Etapa 4

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

Meu primeiro post

1 de junho de 2010

Esta é uma postagem


. O rótulo EM coloca o texto em itálico. A tag BR coloca uma quebra de linha após a data. A tag P ou 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 de 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 de exemplo agora será parecida com:My Blog

Meu blog

<!–

Mi primera publicación

June 1, 2010

Ésta es una publicación


–>

Meu primeiro post

1 de junho de 2010

Este é um post.


. 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”.

Referências

 

Você pode estar interessado:

Deixe um comentário