Formation HTML #2 -Paragraphes et titres

 

Après la structure, attaquons nous au contenu ! Nous allons aujourd’hui voir les titres et les paragraphes dans une page HTML.

Donner un titre général à sa page

L’un des titres les plus importants du fichier est le titre entouré des balises <title></title>. En effet, c’est ce titre là que les moteurs de recherche tels que Google, Bing ou Yahoo afficherons dans les résultats de recherche. Il est donc important de définir un titre dans ces balises.

<title>Mon titre</title>

 

Les titres en général

Il nous faut maintenant définir un titre qui sera affiché directement dans notre page. Pour cela, on peut utiliser les balises h, qui sont numérotées de 1 à 6 an fonction de l’importance du titre.

<h1>Titre très important</h1>
<h2>Moins important que le précédent</h2>
<h3>Moins important que le précédent</h3>
<h4>Moins important que le précédent</h4>
<h5>Moins important que le précédent</h5>
<h6>Moins important que le précédent</h6>

Attention ! Il s’agit de l’importance du titre et non du style ! Comme dit dans la vidéo, il est important d’utiliser inteligemment ces balises. Si le style ne plaît pas (taille, couleur), nous viendrons le modifier après.

 

Insérer des paragraphes

Pour insérer des paragraphes dans notre page, c’est très simple. Il nous suffit d’utiliser la balise p, comme paragraph

<p>Texte</p>

Même si ne pas utiliser ces balises est possible, c’est toujours plus propre de les utiliser pour ne pas avoir un texte qui se balade tout seul sur notre page. De plus, l’utilisation de balises permettra par la suite de styliser notre paragraphe et d’y toucher en Javascript (voir les prochaines formations).

 

J’espère que ce chapitre vous a plu, si c’est le cas n’hésitez pas à l’aimer, le commenter et le partager ! N’hésitez pas non plus à vous abonner à la chaîne si ce n’est pas déja fait ! On se retrouve dans le prochain chapitre dans lequel nous allons parler des liens.

 


Des fichiers sont disponibles au téléchargementImage téléchargement

Partagez cette vidéo !

Leave Comment