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

  • centrer une liste worpress (2)
  • BALISES SUR WORDPRESS (2)
  • la balise b-quote 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 :
Wordpress ordre articles
Comment modifier l’ordre d’affichage des articles dans wordpress ?

Wordpress affiche par défaut les articles en commençant par le plus récent pour finir par le plus ancien. C'est la...

nombre d'articles publies
Comment afficher le nombre d’articles publiés sur WordPress ?

Voici un petit tutoriel expliquant comment indiquer à vos visiteurs le nombre d'articles publiés sur votre blog Wordpress. Tout est...

frameworks php
Les meilleurs frameworks PHP 2015

Pour créer un site web performant, sécurisé en PHP, avec toutes les fonctionnalités des applications modernes, sans réinventer la roue, ni passer...

Fermer