10 balises HTML pour mettre en forme un article.

Les balises HTML permettent la mise entre autre la mise en forme de vos pages et articles.Elles se présentent sous la forme :<balise ouvrante>Texte </balise fermante>avec quelques exceptions.

L’éditeur WordPress ainsi que ceux de nombreux blogs rajoute des balises dans tous les sens. Certaines devenant inutiles et mêmes gênantes au fil des mises à jours. Pour vous aider à y voir plus clair, voici une liste de quelques balises avec leurs effets à utiliser sous WordPress ou sur votre blog  en mode html.

balises HTML
balises HTML
  •  Les balise <p> et</p>

cette balise permet de définir un paragraphe. A la suite d’un paragraphe, retour à la ligne et saute une ligne.

Exemple :

<p> Mon premier paragraphe</p> 
<p>Mon deuxième paragraphe</p> 
ce qui donne :

Mon premier paragraphe

Mon deuxième paragraphe

  • la balise <br/>  permet d’aller à la ligne. Elle n’est faite que d’une seule balise. On peut également utiliser le caractère de saut de ligne &nbsp;
Exemple :

Mon texte<br/> La suite
Ce qui donne :
Mon texte
La suite

  • La balise
    <center>Mon texte centré </center>

Permet de centrer un texte horizontalement.

 

  • La balise <strong> mon texte en gras </strong>permet d’afficher un texte en caractères gras

ce qui est équivalent à <b>Mon texte en gras</b>

  • La balise <i> Mon texte en italique </i> permet de mettre le texte en italique
  • La balise <u> Mon texte souligné </u> permet de souligner un texte
  • La balise <s> Mon texte barré </s> permet de barrer un texte
  • La balise <q> citation courte <q/> permet de faire une citation courte entre guillement.
  • Pour une citation longue on utilise : <blockquote> citation longue avec marge à gauche<blockquote/> qui donne une marge à gauche.

    citation longue avec marge à gauche

  • la balise<hr/> Permet de tracer un trait de séparation

  • Les balises de titres <hi> </hi> avec i nombre entier positif

<h1>titre de niveau 1 </h1>

<h2>titre de niveau 2 </h2>

<h3>titre de niveau 3 </h3>

Etc.

  • Les balises de puces

– puces non numérotées
<ul> début de la liste

<li> Un élément de la liste </li>
<li>un second élément de la liste</li>
<li>un troisième élément de la liste</li>
…..

<ul/> fin de la liste
Ce qui donne :

  • Un élément de la liste
  • un second élément de la liste
  • un troisième élément de la liste

– puces numérotées 
<ol> début de la liste
<li> Un élément de la liste </li>
<li>un second élément de la liste</li>
<li>un troisième élément de la liste</li>
…..

<ol/> fin de la liste
Ce qui donne :

  1. Un élément de la liste
  2. un second élément de la liste
  3. un troisième élément de la liste

Que pensez-vous de l’utilisation des balise directement en HTML dans les articles ?
Y a-t-il d’autres balises indispensables html pour vous ?

Les recherches qui vous ont mené ici

  • BALISES SUR WORDPRESS (2)
  • centrer une liste worpress (2)
  • mettre une barre gauche pour une citation avec wordpress (1)
Ces articles pourraient vous intéresser :
2 Comments

Add a Comment

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *

Lire plus :
learning-language
Comment connaître la prononciation d’un mot ?

Savez-vous comment se prononce "adobe" ou encore "through" en anglais ? Pas évident pour un pauvre petit frenchy de prononcer...

générateur de gif animés
7 sites pour créer des GIF animés en ligne.

Les GIF animés j'adore. Ça donne de la vie aux pages web. Parfois c'est amusant. Voici 7 générateurs en ligne...

plugin WordPress
Comment choisir et installer les meilleurs plugins WordPress ?

Voici un tout petit article pour guider les personnes embarrassées devant plusieurs Plugins WordPress et ne sachant pas lequel choisir. Il est...

Fermer