Come creare un blog in HTML

Creare un blog in HTML è un modo semplice per avere un blog aggiornabile con qualsiasi editor di testo. I blog hanno diversi elementi comuni facilmente prodotti in HTML base. Ogni post deve apparire sopra il precedente, avere titolo, data e contenuto. Usando i tag commento HTML, il codice per i post resta nella pagina ma è invisibile finché non viene usato per un post reale. Il codice viene copiato dalla sezione commenti e incollato sopra l'ultimo post, poi riempito con contenuto.

Passaggio 1

Apri l'editor di testo e crea un nuovo file cliccando "File" e "Nuovo". Ogni computer ha un editor di testo. Windows usa Blocco note (in "Applicazioni" nel menu Start). Mac ha TextEdit. Per aprirlo, apri Finder e clicca "Applicazioni", scorri fino all'icona TextEdit e doppio clic.

Passaggio 2

Crea la pagina web digitando i tag HTML base. Esempio:

<html>
  <head>
    <title>Il Mio Blog</title>
  </head>
  <body>
  </body>
</html>

Passaggio 3

Usa il tag di intestazione più grande per dare un titolo alla pagina. I tag heading iniziano con h e finiscono con un numero, 1 è il più grande. Esempio:

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

L'elemento style usa CSS per centrare il titolo. Le intestazioni lasciano anche uno spazio doppio dopo di loro.

Passaggio 4

Crea il codice per il post del blog usando tag di intestazione minori e tag paragrafo. Esempio:

<h3>Il Mio Primo Post</h3>
<em>1 Giugno 2010</em>
<p>Questo è un post</p>

Il tag EM italicizza il testo. Il tag BR mette un'interruzione di linea dopo la data. Il tag P mette una doppia interruzione dopo un blocco di testo. Il tag HR mette una linea orizzontale dopo il paragrafo.

Passaggio 5

Copia il codice del post e mettilo prima del primo post. Metti il codice nel tag commento. Il tag commento è <!-- -->. La pagina nell'esempio ora sarà:

<html>
  <head>
    <title>Il Mio Blog</title>
  </head>
  <body>
    <h1 style="text-align:center">Il Mio Blog</h1>
    <!--<h3>Il Mio Primo Post</h3> <em>1 Giugno 2010</em> <p>Questo è un post</p> -->
  </body>
</html>

<h3>Il Mio Primo Post</h3>
<em>1 Giugno 2010</em>
<p>Questo è un post</p>