Skip to main content

Création d'un espace avec les balises 'p' et 'br'

L'espace sur un site Web semble être une chose assez simple. Mais la première fois que vous essayez d'appuyer plusieurs fois sur la touche et que ces informations n'apparaissent pas sur votre page, vous vous rendrez compte que ce n'est pas aussi simple qu'il y paraît.

Il existe plusieurs façons de créer de l'espace sur un site Web. Les deux premiers contiennent des balises HTML:

...

Le marqueur de paragraphe mettra généralement un espace entre les éléments. Il agit comme une pause de paragraphe.

Cependant, plusieurs

Une suite ne fera rien d’encombrer votre page. Certains éditeurs mettront

 

dans des endroits pour ajouter plus d'espace, mais cela n'utilise vraiment pas le

balise, mais plutôt le personnage, que nous aborderons dans une minute.


le
La balise est destinée à ne mettre qu'un seul saut de ligne dans le flux du texte. Cependant, il peut être utilisé plusieurs fois dans une ligne pour créer de longues chaînes d'espace vide. Le problème est que vous ne pouvez pas définir la hauteur et la largeur de l'espace, mais que c'est automatiquement la largeur de la page.

Marge CSS et rembourrage

Une autre façon d'ajouter de l'espace à vos documents de page Web consiste à utiliser la marge et le remplissage de propriétés CSS. C’est une bien meilleure façon d’obtenir exactement la quantité d’espace souhaitée entre vos éléments. Et vous pouvez affecter plus que l'espace vertical dans un document.

L'espace insécable ()

Enfin, il y a l'espace insécable. Cette entité de caractère agit exactement comme un espace de texte normal, sauf que le navigateur traite chaque élément individuellement.

Si vous en mettez quatre à la suite, le navigateur mettra quatre espaces dans le texte.

Remarque: les anciens navigateurs ne peuvent pas générer plusieurs espaces insécables.

Utilisation d'espaces insécables dans les tableaux

Les tables se ferment ou se cassent souvent si vous n'incluez pas quelque chose dans la cellule pour la maintenir ouverte. Par exemple: Utilisez le code HTML suivant pour créer un tableau avec une gouttière de 30 pixels:

 Il devrait y avoir un petit espace à gauche de ce texte. Certains navigateurs l'afficheront correctement, mais beaucoup ignoreront la demande de largeur de table et mettront le texte au ras de la marge de gauche. Très ennuyant!

Pour empêcher la colonne de la table de se rompre, utilisez un espace insécable:

 Il devrait y avoir un petit espace à gauche de ce texte. Avec la plupart des navigateurs l'affichera correctement.