1. Mise en forme du texte
Continuons à apprendre le HTML...
Paragraphes (p)
La balise <p> est utilisée pour créer des paragraphes de texte. Les paragraphes aident à diviser le texte en blocs logiques, améliorant la lisibilité et la compréhension des informations.
Exemple :
<p>Ceci est le premier paragraphe de texte. Il contient une certaine quantité d'informations.</p>
<p>Ceci est le deuxième paragraphe de texte. Il est séparé du premier paragraphe.</p>
Texte en gras (b)
La balise <b> est utilisée pour mettre du texte en gras (bold). Cela permet de souligner l'importance de certains mots ou phrases.
<p>Ceci est un texte <b>important</b>.</p>
Texte en italique (i)
La balise <i> est utilisée pour mettre du texte en italique (italic). Elle est souvent utilisée pour marquer des termes, des titres de livres, des mots étrangers, etc.
Exemple :
<p>Ceci est un <i>terme</i>, qui est mis en italique.</p>
2. Titres (h1 - h6)
Les titres en HTML sont utilisés pour structurer le contenu et créer une hiérarchie de titres sur la page. Il existe six niveaux de titres, où <h1> est le plus important, et <h6> est le moins important.
-
<h1>— Le titre le plus important et le plus grand. Généralement utilisé pour le titre principal de la page. -
<h2>— Utilisé pour les sous-titres qui suivent<h1>. -
<h3>— Niveau de titre inférieur à<h2>. -
<h4>— Niveau de titre inférieur à<h3>. -
<h5>— Niveau de titre inférieur à<h4>. -
<h6>— Le titre le moins important et le plus petit.
Exemple :
<h1>Titre principal de la page</h1>
<h2>Sous-titre de niveau 2</h2>
<h3>Sous-titre de niveau 3</h3>
3. Balises supplémentaires dans head du document
Il y a des balises que vous pourriez rencontrer dans des exemples HTML plus tard, voici quelques mots à leur sujet :
1. Balise <title>
La balise <title> définit le nom de la page qui s'affiche dans l'onglet du navigateur. C’est la première chose qu’un utilisateur voit en ouvrant une page. Presque toujours présente sur toutes les pages. Par défaut, elle est ajoutée par l'éditeur HTML, mais pour des projets éducatifs, elle n'a pas une grande valeur.
2. Balise <meta charset="UTF-8">
La balise <meta> dans <head> définit l'encodage des caractères pour le document. UTF-8 est l'encodage le plus couramment utilisé, prenant en charge la plupart des langues du monde. Nous parlerons des encodages un peu plus tard.
3. Balise <meta name="viewport" content="width=device-width, initial-scale=1.0">
Cette balise se trouve également dans <head>. Elle garantit un affichage correct de la page sur les appareils mobiles. Elle définit la largeur de la zone de visualisation (viewport) égale à la largeur de l'écran de l'appareil et le niveau de zoom initial.
4. Balise <link rel="stylesheet" href="styles.css">
La balise <link/> relie un fichier CSS externe pour styliser la page. L'attribut rel="stylesheet" indique qu'il s'agit d'une feuille de style, et href="styles.css" spécifie le chemin vers le fichier de style.
5. Balise <script src="script.js" defer></script>
La balise <script> relie un fichier JavaScript externe pour ajouter de l'interactivité à la page. L'attribut src indique le chemin vers le fichier de script, et defer demande au navigateur de l'exécuter après le chargement du document HTML.
GO TO FULL VERSION