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

  • comment mettre des balises dans un article (2)
  • centrer une liste worpress (2)
  • BALISES SUR WORDPRESS (2)
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 :
suligner texte stabilo css
Comment surligner un texte comme avec un stabilo ?

Dans ce petit tuto nous allons utiliser les balises <span> et </span> et les CSS en ligne, pour surligner un...

inkscape
Le meilleur logiciel de dessin vectoriel gratuit.

Quelle différence existe-t-il entre le dessin matriciel et le dessin vectoriel ? Le dessin matriciel  La majorité des images sont...

sauvegarde-wordpress
Comment sauvegarder et réinstaller un blog wordpress intégralement ?

Si vous possédez un blog Wordpress, vous n'êtes pas à l'abri d'un piratage ou peut-être avez-vous envie de changer d'hébergeur....

Fermer