Les bases du HTML pour les blogueurs

J’écris cet article pour démentir un préjugé. Le préjugé selon lequel les seuls qui peuvent utiliser le langage HTML sont les web designers. C’est faux ! Le HTML est le langage informatique le plus simple à utiliser et à appliquer. Tellement simple qu’une multitude de blogueurs partagent leurs connaissances sur le HTML dans des articles.

 

Cet acronyme signifie HyperText Markup Language, c’est un peu barbare, je vous l’accorde. À proprement parler, le HTML n’est pas un langage de programmation mais un langage mise en forme du contenu. C’est pourquoi il peut s’avérer utile pour autant de blogueurs.

 

Voici ma contribution et ce que j’ai appris en autodidacte sur les bases du HTML que tous les blogueurs devraient connaître !

 

ARTICLE : Lexique du web designer

Comment fonctionne le HTML 

Le HTML est le langage utilisé pour créer des pages web. L’entièreté de votre blog ou site web est constitué avec le HTML.

 

Les éléments que vous verrez entre crochets <> s’appellent des balises. Ce sont ces balises qui vous permettront de modifier la mise en forme de votre texte. Les lignes de code HTML que je vais vous présenter sont toutes constitués d’une balise ouvrante (exemple : <p>) et d’une balise fermante (exemple : </p>). S’il vous manque une balise ouvrante ou une balise fermante dans votre ligne code, votre code ne marchera pas.

 

La seule exception que je vous présente ici est la balise <br> qui permet de sauter une ligne. La balise <br> fonctionne seule tel quel, il n’y a pas besoin de rajouter de balise fermante.

 

Même si vous n’êtes pas le grand architecte de votre design de blog, il existe quelques balises simples à connaître pour les ajouter dans vos articles.

Le HTML avec l’éditeur de texte WordPress  

Pour modifier le code HTML de vos articles, rendez-vous dans votre éditeur de texte WordPress. Vous trouverez un onglet “Texte” en haut à droite de votre éditeur, c’est ici que vous pourrez modifier le code HTML de votre article.

Le CSS 

Le HTML va de paire avec cet autre langage qui est le CSS. Le CSS sert à mettre en forme le HTML. Même si le HTML permet de faire quelques manipulations, comme par exemple, changer la taille ou la couleur d’un texte, les possibilités restent très limitées.

C’est pourquoi le CSS existe pour permettre cette mise en forme. Il vous est possible de modifier et de rentrer quelques lignes de codes CSS dans votre CMS WordPress.

 

Je vous prépare un article sur ce qu’un blogueur peut faire avec le CSS sur son blog WordPress. Il sortira d’ici ces prochains mois.

Inscrivez-vous à la newsletter pour pouvoir être prévenu de la sortie de l’article ! 📬

 

 

Les bases du HTML à connaître

 


Les titres


Titres h1 h2 h3

Il existe 6 balises titres. Vous pouvez vous servir de la balise h2 à la balise h6 pour mettre en forme les titres et sous-titres de vos parties. Ceux qui vous donnera ceci :

Titre de niveau 2

Titre de niveau 3

Titre de niveau 4

Titre de niveau 5
Titre de niveau 6
⚠️La balise h1 est celle utilisé dans votre thème pour afficher l’intitulé de votre article, il ne faut donc pas l’utiliser dans votre éditeur. Cela pourrait créer une confusion, c’est très mauvais pour votre SEO.

Créer un paragraphe


Créer un paragraphe

La balise est très utile pour délimiter vos paragraphes. Cela facilite la lecture de votre article lorsque votre texte est divisé en plusieurs paragraphes.

Sauter une ligne


Sauter une ligne

Comme je vous le disais plus haut, la balise <br> fonctionne seule. Elle peut être placé entre deux paragraphes pour sauter une ligne.

Changer la police d’un paragraphe


Changer la police d'une paragraphe

Vous pouvez modifier la police d’un paragraphe. Cela peut-être pour une phrase entière. Comme cela peut être fait pour un seul mot.

Centrer un paragraphe


Centrer un paragraphe


Ouvrir un lien dans un nouvel onglet


Ouvrir un lien dans un nouvel onglet

Ouvrir un lien dans un nouvel onglet se fait très facilement en rajoutant simplement l’attribut target=”blank” à votre balise lien <a>.

Rendre une image cliquable


Rendre une image cliquable

Pour rendre une image cliquable, il suffit d’insérer la balise <img> de votre image à l’intérieur de la balise <a> de votre lien.

 

Et vous, est-ce que vous utilisez le HTML pour mettre en forme vos articles ?

Vous aimeriez en apprendre plus sur l’utilisation du CSS pour votre blog ?

Cet article t’a plu ? Epingle-le ! ⤵️

 

Les bases du HTML pour les blogueurs
Et si vous en parliez :