Mettre en avant du texte

Apprenons dans cette formation comment rapidement mettre en valeur du texte dans Bootstrap 3 avec des balises HTML et des classes CSS. Comme dans tout projet web, vous pouvez définir vos titres sous 6 niveaux de h1 à h6 : <h1>h1. Bootstrap heading</h1> <h2>h2. Bootstrap heading</h2> <h3>h3. Bootstrap heading</h3> <h4>h4. Bootstrap heading</h4> <h5>h5. Bootstrap heading</h5> […]

Posté le par Benoît Philibert|4555 vues

Apprenons dans cette formation comment rapidement mettre en valeur du texte dans Bootstrap 3 avec des balises HTML et des classes CSS.

Comme dans tout projet web, vous pouvez définir vos titres sous 6 niveaux de h1 à h6 :

<h1>h1. Bootstrap heading</h1>
<h2>h2. Bootstrap heading</h2>
<h3>h3. Bootstrap heading</h3>
<h4>h4. Bootstrap heading</h4>
<h5>h5. Bootstrap heading</h5>
<h6>h6. Bootstrap heading</h6>

Pour créer un sous-titre à votre titre, vous avez la possibilité d’ajouter une balise « small » directement à l’intérieur du titre :

<h1>h1. Bootstrap heading <small>Secondary text</small></h1>
<h2>h2. Bootstrap heading <small>Secondary text</small></h2>
<h3>h3. Bootstrap heading <small>Secondary text</small></h3>
<h4>h4. Bootstrap heading <small>Secondary text</small></h4>
<h5>h5. Bootstrap heading <small>Secondary text</small></h5>
<h6>h6. Bootstrap heading <small>Secondary text</small></h6>

Lors d’une suite de paragraphe vous avez l’opportunité de mettre en avant une partie du texte en définissant la classe « lead » à la balise « p » :

<p class="lead">Salut, je suis un paragraphe mis en valeur avec la classe lead!</p>

Dans votre texte vous avez aussi la possibilité de mettre en valeur des parties ciblées avec les balises suivante :

  • * « mark » > Sur ligne votre texte
  • * « del » > Barre du texte en signifiant que celui-ci a été supprimé
  • * « s » > Barre du texte en signifiant que celui-ci n’existe plus
  • * « small » > Réduit la police du texte
  • * « strong » > Mettre du gras sur du texte
  • * « em » > Mettre du texte en italic

 

You can use the mark tag to <mark>highlight</mark> text.
<del>This line of text is meant to be treated as deleted text.</del>
<s>This line of text is meant to be treated as no longer accurate.</s>
<small>This line of text is meant to be treated as fine print.</small>
<strong>rendered as bold text</strong>
<em>rendered as italicized text</em>

Résultats :


Ces articles pourraient vous intéresser

Tags

Commenter
Votre adresse email ne sera pas publiée. Champs obligatoire *

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