Génération du site web de l'ULB - format xml

index

page précédente

page suivante

imprimer

envoyer

marquer

Paragraphes de texte:

Un élément définit un paragraphe de texte.

Exemple de paragraphe qui ne contient que du texte

<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>

Ce qui donne:

Contenu d'un paragraphe

Un élément ne peut contenir que du texte éventuellement mélangé avec un ou plusieurs éléments d'information dans un texte (pour mettre en italique, en gras, ajouter des symboles, passer à la ligne, etc.).

Exemple de paragraphe qui contient du texte mélangé avec des éléments (italique) et (gras)

<p>Lorem ipsum dolor sit amet, <i>consectetur adipisicing elit</i>, sed do eiusmod tempor incididunt ut <b>labore et dolore</b> magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>

Ce qui donne:

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Pour plus d'informations, consultez la liste complète de tous les éléments d'information qui peuvent être utilisés dans le texte d'un paragraphe.

Table des matières

Introduction

Contenu d'un paragraphe

Intertitre inséré avant le paragraphe

Alignement et justification du texte

Style du paragraphe

Ajout d'une puce en début de paragraphe

Ajout d'une ligne de séparation avant le paragraphe

Combinaison de puces et de lignes de séparation

Intertitre inséré avant le paragraphe

Un élément peut également commencer par un élément <intertitre> pour insérer un intertitre juste avant le paragraphe.

Ce qui donne:

Exemple de paragraphe avec un intertitre

<p><intertitre>Lorem Ipsum</intertitre>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>

Lorem IpsumLorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Alignement et justification du texte

Par défaut, un paragraphe est justifié s'il est situé dans la colonne principale, tandis qu'il est aligné à gauche (sans justification), s'il est situé dans une petite colonne à gauche ou à droite.

Pour modifier cela, on peut utiliser l'attribut alignement dans l'élément . Cet attribut peut valoir: gauche, droite, centre et justifié.

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Style du paragraphe

On peut également utiliser un attribut style dans l'élément afin de rendre le paragraphe visuellement différent des autres paragraphes (pour des citations, des hors-texte, des messages importants, etc).

Les différentes valeurs de l'attribut style sont: normal (valeur par défaut), léger, fort, important, très-important, légende et citation.

Ajout d'une puce en début de paragraphe

L'utilisation de l'attribut puce dans un élément permet d'insérer une puce en début de paragraphe. Vous pouvez choisir parmi une large palette de puces prédéfinies.

Les exemples à droite ont été obtenus avec le code suivant:

Exemple

<p puce="disque">...</p>

<p puce="carré1">...</p>

<p puce="plus">...</p>

Cette puce ne doit pas être confondue avec celle générée dans une <liste>. Contrairement à celle-ci, la puce dans un paragraphe n'aligne pas le texte des lignes suivantes avec le texte de la première ligne (pas d'indentation, sauf pour la 1re ligne).

Lorem ipsum dolor sit amet consectetur adipiscing elit Sed non risus

Palette complète des puces disponibles.

Ajout d'une ligne de séparation avant le paragraphe

De même, vous pouvez utiliser l'attribut séparateur dans l'élément pour insérer une ligne de séparation juste avant le paragraphe. Vous pouvez choisir parmi une large palette de lignes de séparation prédéfinies.

Les exemples à droite ont été obtenus avec le code suivant:

Exemple

<p>...</p>
<p séparateur="ligne2">...</p>

<p>...</p>
<p séparateur="colorDots3">...</p>

<p>...</p>
<p séparateur="pointillés3">...</p>

Lorem ipsum dolor sit amet

consectetur adipiscing elit

Lorem ipsum dolor sit amet

consectetur adipiscing elit

Lorem ipsum dolor sit amet

consectetur adipiscing elit

Palette complète des lignes de séparation disponibles.

Combinaison de puces et de lignes de séparation

Rien ne vous empêche de combiner des puces avec l'attribut puce et des lignes de séparation avec l'attribut séparateur.

Exemple

					
<p puce="flèche">Lorem ipsum dolor sit amet</p>
<p séparateur="colorBar4" puce="plus">consectetur adipiscing elit</p>

Lorem ipsum dolor sit amet

consectetur adipiscing elit

sommaire

index

page précédente

page suivante

English	中文	Page d'accueil	Contacts	Plan des campus
					pages annuaire

Paragraphes de texte: <p>

Contenu d'un paragraphe

Intertitre inséré avant le paragraphe

Alignement et justification du texte

<p alignement="gauche">

<p alignement="droite">

<p alignement="centre">

<p alignement="justifié">

Style du paragraphe

<p style="normal">

<p style="léger">

<p style="fort">

<p style="important">

<p style="très-important">

<p style="légende">

<p style="citation">

Ajout d'une puce en début de paragraphe

Ajout d'une ligne de séparation avant le paragraphe

Combinaison de puces et de lignes de séparation