Derniers tutoriels de développement web

HTML paragraphes


Les documents HTML sont divisés en paragraphes.


HTML paragraphes

Le code HTML <p> élément définit un paragraphe.

Exemple

<p>This is a paragraph</p>
<p>This is another paragraph</p>
Essayez vous - même »

Les navigateurs ajoutent automatiquement un espace blanc avant et après un paragraphe.


Affichage HTML

Vous ne pouvez pas être sûr de savoir comment HTML sera affiché.

écrans grands ou petits, et les fenêtres redimensionnées créent des résultats différents.

Avec HTML, vous ne pouvez pas changer la sortie en ajoutant des espaces supplémentaires ou des lignes supplémentaires dans votre code HTML.

Le navigateur supprime des espaces supplémentaires et des lignes supplémentaires lorsque la page est affichée.

Un nombre quelconque d'espaces, et un certain nombre de nouvelles lignes, comptent comme un seul espace.

Exemple

<p>
This paragraph
contains a lot of lines
in the source code,
but the browser
ignores it.
</p>

<p>
This paragraph
contains         a lot of spaces
in the source         code,
but the        browser
ignores it.
</p>
Essayez vous - même »

Ne pas oublier la balise de fin

La plupart des navigateurs affichent HTML correctement même si vous oubliez la balise de fin:

Exemple

<p>This is a paragraph
<p>This is another paragraph
Essayez vous - même »

L'exemple ci-dessus fonctionne dans la plupart des navigateurs, mais ne comptez pas sur elle.

Oublier la balise de fin peut produire des résultats ou des erreurs inattendues.

versions de HTML strictes, comme XHTML, ne vous permettent pas de sauter la balise de fin.


Pauses HTML Ligne

Le code HTML <br> élément définit un saut de ligne.

Utilisez <br> si vous voulez un saut de ligne (a new line) sans lancer un nouveau paragraphe:

Exemple

<p>This is<br>a para<br>graph with line breaks</p>
Essayez vous - même »

Le <br> élément est un élément HTML vide. Il n'a pas d'étiquette de fin.


Le Poème problème

Ce poème affiche une seule ligne:

Exemple

<p>
  My Bonnie lies over the ocean.

  My Bonnie lies over the sea.

  My Bonnie lies over the ocean.

  Oh, bring back my Bonnie to me.
</p>
Essayez vous - même »

Le code HTML <pre> Element

Le code HTML <pre> élément définit le texte préformaté.

Le texte à l' intérieur d' un <pre> élément est affiché dans une police à largeur fixe (généralement Courier), et il préserve à la fois les espaces et les sauts de ligne:

Exemple

<pre>
  My Bonnie lies over the ocean.

  My Bonnie lies over the sea.

  My Bonnie lies over the ocean.

  Oh, bring back my Bonnie to me.
</pre>
Essayez vous - même »

Testez-vous avec des exercices!

Exercice 1 » Exercice 2» Exercice 3 » Exercice 4»


HTML Tag Référence

référence tag « w3ii contient des informations supplémentaires sur les éléments HTML et leurs attributs.

Marque La description
<p> Définit un paragraphe
<br> Insère une pause d'une seule ligne
<pre> Définit le texte pré-formaté