Créer son site

Création de site internet professionnel

  • Créer un site
  • Offres
  • Forum d’aide
  • Contact
Mise en forme d'un texte web
Vous êtes ici : Créer Son Site / Rédaction web / Mettre en forme un texte

Mettre en forme un texte

14 décembre 2016 Par Laurent Matignon Laisser un commentaire

Mise en forme d'un texte web“Le contenu est roi” : vous avez probablement déjà entendu cette expression. Si la vidéo occupe une place de plus en plus importante sur internet, le texte reste le roi des contenus web 🙂 Mais comment mettre en forme un texte sur son site ?

Sur Créer Son Site vous n’aurez le plus souvent pas besoin, grâce à l’interface WordPress, d’insérer du langage HTML. Néanmoins, si vous souhaitez créer un site professionnel digne de ce nom, la mise en forme de texte doit faire partie de votre panoplie, ne serait-ce que pour les textes présents dans les widgets.

Mise en forme d’un paragraphe

Comme lorsque vous rédigez un texte sur papier, vous devez diviser vos contenus web en différents paragraphes. Dans l’idée, une idée = un paragraphe.

Pour créer un paragraphe il vous suffit, lorsque vous êtes dans une fenêtre d’édition HTML, de placer des balises <p> et </p> autour du contenu de votre paragraphe.

Ce qui donnera donc :

<p>Le texte qui constitue votre paragraphe</p>

Un espace sera alors ajouté automatiquement entre chaque paragraphe. Si vous estimez qu’il est visuellement insuffisant, vous pouvez rajouter une balise <br> (retour chariot).

Ce qui donnerait alors :

<p>Le texte qui constitue votre paragraphe n°1</p>

<br>

<p>Le texte qui constitue votre paragraphe n°2</p>

Mise en forme des titres et sous-titres

Il est extrêmement important de bien mettre en forme vos textes, non seulement visuellement mais aussi – et surtout ! – en matière de “structure sémantique”. C’est notamment cela qui va permettre à Google de bien comprendre vos contenus, faute de quoi vous vous tirez une balle dans le pied en matière de référencement.

Dans votre fenêtre d’édition de texte, vous disposez d’un menu déroulant “Paragraphe” qui vous permet d’insérer des Titres : Titre 1, Titre 2, etc.

Pour reproduire ce comportement sous la forme de code HTML, il vous suffit de procéder de la sorte :

<h1>Titre principal de la page web</h1>

<h2>Titre de premier niveau</h2>

<h3>Sous-titre</h3>

<h2>Un 2ème titre de premier niveau</h2>

Attention :

  • Évitez d’avoir plus d’un Titre 1 (H1) par page : celui-ci doit en effet, par définition, indiquer le sujet traité sur la page.
  • Vous n’êtes pas obligé d’utilisez tous les niveaux de titre, mais vous devez respecter la hiérarchie : ainsi, vous ne devez pas avoir de Titre 3 sur votre page si celle-ci ne dispose d’aucun Titre 2 !

Mise en forme d’un séparateur de texte

Pour ajouter un séparateur horizontal au sein d’un texte, utilisez l’élément HR.

Vous pouvez insérer une ligne “standard” via la balise <hr>.

Si vous le souhaitez, vous pouvez également ajouter des attributs :

  • width permet de modifier la largeur de la ligne : il accepte aussi bien les valeurs en % qu’en pixels
  • size joue sur son épaisseur
  • noshade assure une ligne pleine, d’aspect différent du séparateur par défaut

Comme toujours, vous pouvez mettre en forme votre séparateur en combinant les différents attributs, par exemple :

<hr width=”50%” size=”8″ noshade>

 

Comme vous le voyez, les possibilités en matière de mise en forme de texte sont nombreuses. N’hésitez pas à faire des essais et à nous solliciter si vous rencontrez des difficultés pour parvenir au résultat souhaité !

Je suis Laurent Matignon, votre créateur de site internet. Diplômé de l'EDHEC Business School programme Grande Ecole en 2000, je mets à votre disposition avec Créer Son Site mes années d'expérience en création de site, référencement et webmarketing.

Créer un site maintenant

Classé sous :Rédaction web Balisé avec :Google, WordPress

Article précédent : « Qu’est-ce que le langage HTML ?
Article suivant : Changer la couleur d’un texte »

Laisser un commentaire Annuler la réponse

Vous devez vous connecter pour publier un commentaire.

Contactez-nous

Blog

  • Illustrer un texte
  • Créer un lien
  • Changer la couleur d’un texte
  • Mettre en forme un texte
  • Qu’est-ce que le langage HTML ?

Création de site

  • Créer un site internet professionnel
  • Créer un blog
  • Aide à la création de site
  • Tutoriel sur la création de site
  • Devenir webmaster
  • Vocabulaire internet
  • Blog
  • Facebook
  • Linkedin
  • Twitter
  • Exemple de site
  • Annuaire de sites
  • Qui sommes-nous ?
  • Foire aux questions
  • Avis clients
  • CGU
  • Mentions légales
  • Politique de confidentialité
  • Contact

Tous droits réservés © 2021