Titre et paragraphe en html : heading et paragraph
les Titres :Heading
Les en-têtes sont définis avec
les balises <h1> à <h6>.
<H1> définit le titre le
plus important.
<H6> définit l'en-tête le
moins important.
Exemple :
<h1>C’est un Titre 1</h1>
<h2> C’est un Titre 2</h2>
<h3> C’est un Titre 3</h3>
<h4> C’est un Titre 4</h4>
<h5> C’est un Titre 5</h5>
<h6> C’est un Titre 6</h6>
<h2> C’est un Titre 2</h2>
<h3> C’est un Titre 3</h3>
<h4> C’est un Titre 4</h4>
<h5> C’est un Titre 5</h5>
<h6> C’est un Titre 6</h6>
Le
resultat :
C’est
un Titre 1
C’est
un Titre 2
C’est
un Titre 3
C’est
un Titre 4
C’est
un Titre 5
C’est un Titre 6
Importance et l’utilité des
titres (Heading)
Les moteurs de recherche
utilisent les titres pour indexer la structure et le contenu de vos pages Web.
Les utilisateurs parcourent vos
pages par ses en-têtes. Il est important d'utiliser des titres pour afficher la
structure du document.
Les titres <h1> doivent
être utilisés pour les en-têtes principaux, suivis des en-têtes <h2>,
puis les moins importants <h3>, etc.
Remarque : les titres HTML doivent être
utilisé uniquement pour les en-têtes et non pas pour rendre le texte GRAND ou gras.
Règles horizontales HTML
<hr>
La balise <hr> définit une
pause thématique dans une page HTML et est le plus souvent affichée sous forme
de règle horizontale.
L'élément <hr> est utilisé
pour séparer le contenu (ou définir une modification) dans une page HTML
Exemple :
<!DOCTYPE html>
<html>
<body>
<h1>Titre 1</h1>
<p>Bloc de texte </p>
<hr>
<h2>Titre
2</h2>
<p>Bloc de texte </p>
<hr>
<h2>Titre 2</h2>
<p>Bloc de texte </p>
</body>
</html>
Le resultat :
Titre 1
Bloc
de texte
Titre 2
Bloc
de texte.
Titre 2
Bloc
de texteLes paragraphes HTML
L'élément HTML <p> définit un paragraphe:
Exemple :
<!DOCTYPE html>
<html>
<body>
<p>c’est un paragraphe</p>
<p> c’est un paragraphe.</p>
<p> c’est un paragraphe.</p>
</body>
</html>Le resultat :
c’est un paragraphe
c’est un paragraphe
c’est un paragraphe
Vous ne pouvez pas être sûr de la façon dont HTML sera affiché.
Les grands ou petits écrans et les fenêtres redimensionnées créent des résultats différents.
Avec HTML, vous ne pouvez pas modifier la sortie en ajoutant des espaces supplémentaires ou des lignes supplémentaires dans votre code HTML.
Le navigateur supprime tous les espaces supplémentaires et les lignes supplémentaires lorsque la page est affichée:
<p>
Ce paragraphe
Contient beaucoup de lignes
Dans le code source,
Mais le navigateur
L'ignore.
</p>
<p>
Ce paragraphe contient beaucoup d'espaces dans le code source, mais les navigateurs l'ignore.
</p>
Le resultat :
Ce paragraphe contient beaucoup
des lignes dans le code source, mais le navigateur l’ignore.
Ce paragraphe contient beaucoup d'espaces dans
le code source, mais les
navigateurs l’ignorent.Ruptures de lignes HTML <br>:
L'élément HTML <br> définit un saut de ligne.
On utilise <br> si vous voulez un saut de ligne (une nouvelle ligne) sans démarrer un nouveau paragraphe:
<p>C’est<br>un paragraphe<br>avec des sauts de lignes.</p>
Le resultat :
C’est
un paragraphe
avec des sauts de lignes
L'élément HTML <pre> définit le texte préformaté.
Le texte à l'intérieur d'un élément <pre> est affiché dans une police de largeur fixe (généralement Courier) et conserve les espaces et les sauts de ligne:
<!DOCTYPE html>
<html>
<body>
<p> La balise pre conserve les espaces et les sauts de ligne:</p>
<pre>
Le ciel est, par-dessus le toit,
Si bleu, si calme !
Un arbre, par-dessus le toit,
Berce sa palme.
La cloche, dans le ciel qu'on voit,
Doucement tinte.
Un oiseau sur l'arbre qu'on voit
Chante sa plainte.
Mon Dieu, mon Dieu, la vie est là
Simple et tranquille.
Cette paisible rumeur-là
Vient de la ville.
Qu'as-tu fait, ô toi que voilà
Pleurant sans cesse,
Dis, qu'as-tu fait, toi que voilà,
De ta jeunesse ?
</pre>
</body>
</html>
Le resultat :
La balise pre conserve les espaces et les sauts de ligne:
Le ciel est, par-dessus le toit,
Si bleu, si calme !
Un arbre, par-dessus le toit,
Berce sa palme.
La cloche, dans le ciel qu'on voit,
Doucement tinte.
Un oiseau sur l'arbre qu'on voit
Chante sa plainte.
Mon Dieu, mon Dieu, la vie est là
Simple et tranquille.
Cette paisible rumeur-là
Vient de la ville.
Qu'as-tu fait, ô toi que voilà
Pleurant sans cesse,
Dis, qu'as-tu fait, toi que voilà,
De ta jeunesse ?
Hello, my name is Jack Sparrow. I'm a 50 year old self-employed Pirate from the Caribbean. 
Leave a Comment