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 ?

2 Comments

Add a Comment

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

Ce site utilise Akismet pour réduire les indésirables. En savoir plus sur comment les données de vos commentaires sont utilisées.

Lire plus :
javascript
Héberger vos fichiers JavaScript sur un site spécialisé.

Pour héberger des fichiers JavaScript, il existe un site  spécifiquement dédié aux fichiers JavaScript et uniquement aux fichiers JavaScript.  Quel est...

gestion de projets informatiques BD
La gestion de projets informatiques en BD.

La gestion d'un projet en informatique n'est pas chose facile. Commencer par faire un cahier des charges détaillé de l'ensemble...

flash
Comment créer une bannière flash en ligne et l’intégrer dans une page web ?

Les bannières sont les symboles d'un site. Elles peuvent amener du trafic ou au contraire le réduire. Dans cet article...

Fermer