Canalblog
Editer l'article Suivre ce blog Administration + Créer mon blog
Le JardinOscope, toute la flore et la faune de nos parcs et jardins
1 avril 2006

Comment mettre en valeur un paragraphe

 

langage-html

 

Utilisez la balise 'blockquote'

Pour mettre en valeur un paragraphe plus ou moins long (un point particulier, un remarque, etc...)
La balise BLOCKQUOTE permet de mettre en valeur un paragraphe en effectuant suivant les navigateurs les effets suivants:

  • un décalage par rapport à la marge courante du document
  • un retour à la ligne précédent et suivant le bloc de texte
  • éventuellement différents autres styles (italique ...).

Après avoir écrit votre texte dans votre éditeur, vous passer en mode HTML et vous ajoutez les balises blockquote comme ce dessous:

<blockquote><p style="text-align: justify;">Votre texte</p></blockquote>

ce qui donne :

La balise BLOCKQUOTE permet de mettre en valeur un paragraphe (une citation par exemple) en effectuant suivant les navigateurs différents effets :

  • un décalage par rapport à la marge courante du document
  • un retour à la ligne précédent et suivant le bloc de texte
  • éventuellement différents autres styles (italique, justifié ...).

Mais il vous faut ajouter dans la feuille de style générale (chemin: onglet "apparence", "éditer les fichiers de ce modèle) le code suivant:

blockquote {
                 border-left: 4px solid #FF0000;
                 margin: 1em 2;
                 padding: 5px 10px;
                 background: #00CC00;
                 width: 600px;
        }

Ce code vous permet de définir l'épaisseur et la couleur du trait vertical gauche (border-left), la couleur de fond (background), le retrait par rapport à la marge (margin), la largeur du cadre (width), etc…

°°°0°°°

Utilisez la balise 'cite'

Pour mettre en valeur une citation courte il est préférable d'utiliser la balise 'cite' qui permet également de faire :

  • un décalage par rapport à la marge courante du document
  • un retour à la ligne précédent et suivant le bloc de texte
  • Ecrire avec un style italique ...

Après avoir écrit votre texte dans votre éditeur, vous passer en mode HTML et vous ajoutez les balises "cite" comme ce dessous:

<cite><p style="text-align: justify;">Votre texte</p></cite>

Ce qui donne:

Pour mettre en valeur une citation courte, il est préférable d'utiliser la balise 'cite'…
Pour mettre en valeur une citation courte, il est préférable d'utiliser la balise 'cite'…

ajouter dans la feuille de style générale (chemin: onglet "apparence", "éditer les fichiers de ce modèle) le code suivant:

cite {
                 border-left: 5px solid #3366FF;
                 margin: 25px;
                 padding: 5px 10px;
                 background: #CCFFFF;
                 width: 500px;
        }

Ce code vous permet de définir l'épaisseur et la couleur du trait vertical gauche (border-left), la couleur de fond (background), le retrait par rapport à la marge (margin), la largeur du cadre (width), etc…

 


Commentaires
Le JardinOscope, toute la flore et la faune de nos parcs et jardins
Le JardinOscope, toute la flore et la faune de nos parcs et jardins

Le JardinOscope, illustré de nombreuses photos, vous propose des fiches d’identité et de culture des plantes de nos jardins ou dans la nature, des reportages sur de nombreux parcs et jardins, sur mes voyages et balades naturalistes... ____________________________ Le JardinOscope© Copyright 2006-2025 Tous droits réservés ____________________________
Voir le profil de Patrick LAFORET sur le portail Canalblog

SUIVEZ-MOI
LES ALBUMS PHOTOS DU JARDINOSCOPE
Abonnez-vous au JardinOscope
486 abonnés
Derniers commentaires
Visiteurs côté Flore
Depuis la création 5 941 013