SELFHTML: HTML / Types de paragraphes et structure du texte / Passages avec plusieurs éléments

SELFHTML/Quickbar HTML Types de paragraphes et structure du texte

	Passages avec plusieurs éléments
	Définir des passages avec plusieurs éléments Définir des passages centrés avec plusieurs éléments Autres possibilités

Définir des passages avec plusieurs éléments

Exemple d'affichage: aperçu

Vous pouvez inclure dans un passage commun plusieurs paragraphes comportant des éléments très différents comme du texte des graphiques des tableaux etc... Vous pouvez ensuite aligner ce passage avec tous ses éléments.

Exemple:

<div align=center>
<h1>La lune - un  titre</h1>
<img src="lune.jpg" align=middle> une image de la lune
<p>Un texte explicatif sur la lune et tout sera centré/p>
</div>
<div align=right>
<i>&copy 1997 by Josua Piesepampel</i>
</div>

Explication:

Avec <div> vous marquez le début d'un passage dans lequel vous pouvez inclure plusieurs éléments (div = division = passage). Tout ce qui se trouve entre ce repère et le repère de fermeture </div> est interprété comme partie intégrante du passage

Vous pouvez aligner un tel passage et tous les éléments qu'il contient avec l'attribut align= dans le repère d'ouverture <div>. Avec align=center vous centrez le passage avec tous ses éléments (align = alignement, center = centré), avec align=right vous l'alignez à droite (right = à droite). Avec align=justify Les éléments qui se trouvent dans ce passage comme tu texte des paragraphes ou des titres seront justifiés. Avec align=left vous vous assurez de l'alignement à gauche des éléments (réglage par défaut).

Définir des passages centrés avec plusieurs éléments

Exemple d'affichage: aperçu

Vous pouvez centrer ensemble plusieurs paragraphes comportant des éléments très différents comme du texte des graphiques des tableaux etc... Vous pouvez ensuite aligner ce passage avec tous ses éléments.

Exemple:

<center>
<h1>La lune - un  titre</h1>
<img src="lune.jpg" align=middle> Une image de la lune
<p>Un texte explicatif sur la lune et tout est centré</p>
</center>

Explication:

Avec le repère <center> tout ce qui suit est centré (center = centré). Cela peut être des titres, du texte, des graphiques ou des tableaux. Avec le repère de fermeture </center> la commande pour centrer prend fin.

Attention:

Le repère <center> se trouve sur la liste de conclusion du consortium W3 ce qui signifie qu'il doit dans le futur être supprimé du standard HTML. Utilisez à la place la commande <div align=center>, qui arrive au même résultat.

Autres possibilités

Les repères <div> et <center> peuvent comporter des attributs universels.

Si vous connaissez HTML déjà un peu mieux essayez aussi les possibilités offertes par les feuilles de style CSS. Car c'est justement le repère très général <div> qui est prédestiné à prendre vie à l'aide des feuilles de style. Auparavant il vous faut connaître comment il est possible de définir des feuilles de style. Ensuite vous serez en mesure d'utiliser les commandes de feuilles de style. Avec le repère <div>-vous pouvez par exemple utiliser les commandes de feuilles de style suivantes:
Formatage de l'écriture
Espacement marges alignement
Cadres et mise en page
Couleurs et images d'arrière plan
Positionner des éléments
Texte sur plusieurs colonnes


après:	Lignes de séparation
avant:	Polices de caractères, taille et couleur

SELFHTML/Quickbar HTML Types de paragraphes et structure du texte