Comment créer un blog en HTML

Créer un blog en HTML est une méthode simple pour disposer d'un blog modifiable dans n'importe quel éditeur de texte. Les blogs partagent des éléments communs facilement réalisables en HTML basique : chaque article doit apparaître au-dessus du précédent, avec un titre, une date et un contenu. Grâce aux balises de commentaire HTML, le code des articles reste dans la page mais reste invisible jusqu'à son utilisation. On copie le code depuis la section de commentaire et on le colle dans la page au-dessus du dernier article, puis on le remplit avec le contenu.

Étape 1 : Ouvrir un éditeur de texte

Ouvrez l'éditeur de texte et créez un nouveau fichier via « Fichier » > « Nouveau ». Chaque ordinateur en possède un : Bloc-notes sous Windows (menu Démarrer > Applications) et TextEdit sur Mac (Finder > Applications > TextEdit).

Étape 2 : Structure de base de la page HTML

Saisissez les balises HTML de base :

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

Étape 3 : Titre principal du blog

Utilisez la plus grande balise de titre (<h1>) pour le titre de la page. Exemple :

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

L'attribut style avec CSS centre le titre. Les titres laissent automatiquement un double espacement après eux.

Étape 4 : Structure d'un article

Créez le code d'un article avec des balises de titre plus petites et des paragraphes :

<h3>Mon premier article</h3>
<em>1er juin 2010</em>
<p>Ceci est un article</p>

La balise <em> met en italique. La balise <br> insère un saut de ligne après la date. La balise <p> crée un double saut de ligne. La balise <hr> trace une ligne horizontale après le paragraphe.

Étape 5 : Préparer le modèle d'article réutilisable

Copiez le code de l'article et placez-le avant le premier article, à l'intérieur d'une balise de commentaire <!-- -->. La page ressemblera alors à ceci :

<html>
<head>
<title>Mon Blog</title>
</head>
<body>
<h1 style="text-align:center">Mon Blog</h1>
<!-- <h3>Mon premier article</h3> <em>1er juin 2010</em> <p>Ceci est un article</p> -->
</body>
</html>

<h3>Mon premier article</h3>
<em>1er juin 2010</em>
<p>Ceci est un article</p>

Pour ajouter un nouvel article, copiez le bloc commenté, collez-le au-dessus du dernier article, retirez les balises de commentaire et modifiez le contenu.