Bonjour, maintenant nous allons voir comment créer notre fichier HTML, ensuite l’afficher sur un

navigateur.

Création de fichier HTML

il y a plusieurs façon de créer des fichiers html.

Nous allons ouvrir d’abord notre éditeur (si vous ne voyez pas votre éditeur de texte sur le bureau ou
sur la barre des tâches, il suffit d’aller sur la barre de recherche et vous écrivez le nom de votre
éditeur, dans notre cas c’est le visual code).

Une fois l’éditeur ouvert, cliquez sur le bouton « Nouveau fichier »

Il vous est demandé le type de fichier. Choisissez « Fichier texte ».

Un fichier en texte brut sera. Vous pouvez saisir n’importe quoi à l’intérieur.

Ensuite en bas à droite, modifier le type de fichier en choisissant HTML au lieu de Texte brut

Ensuite choisissez Enregistrer dans fichier ou CTRL+S et choisissez l’emplacement.

Donc vous venez de créer votre premier fchier.

Pour l’ouvrir dans notre éditeur, nous rouvrons ce dernier encore.

Bonjouffr , Le HTML sert à différencier d’un point de vue sémantique les différents objets que l’on
peut rencontrer et dont on peut avoir besoin (titre, paragraphe, espace, image, etc.).

Pour faire cela, le HTML va utiliser des éléments. Et le moment est arrivé pour nous d’apprendre à
créer des paragraphes, des titres, et à faire des retours à la lignes en HTML.

Nous allons aussi voir les élements strong, emphasis(em) et mark, comment faire des retours à la
lignes.

Paragraphe (expliquer en faisant des exemples)

Pour créer des paragraphes, tout d’abord, on va utiliser l’élément p. On peut créer autant de
paragraphes que l’on souhaite dans une page. Pour chaque nouveau paragraphe, il faut rouvrir
une balise
. A chaque nouveau paragraphe, un retour à la ligne est automatiquement effectué.

Retour à la ligne
Si maintenant vous désirez créer un retour à la ligne à l’intérieur même d’un paragraphe, il faudra
utiliser l’élément br (diminutif de break).
Les elements strong, emphasis (em), mark

L’élément strong est utilisé pour indiquer aux moteurs de recherche qu’un contenu est
particulièrement important, afin que celui-ci soit traité avec plus d’importance. Le résultat visuel est
une mise en forme automatique en gras. Mais encore une fois, on n’utilise pas l’élément strong pour
mettre un texte en gras !

L’élément em, pour emphasis (« emphase » en français) est proche de l’élément strong. Il sert lui
aussi à signifier qu’un contenu est important, mais moins important tout de même qu’un contenu
entre des balises strong.

L’intérêt de ces éléments, il est avant tout dans l’optimisation du référencement du site. En effet,
normalement, vous devriez avoir ciblé des mots clefs et essayer d’être bien référencé sur ces mots là.
Les balises strong et em vous aident à atteindre ce but, entre autres.

Enfin, l’élément mark est utilisé pour faire ressortir du contenu. Ce contenu ne sera pas forcément
considéré comme important, mais cette balise peut servir dans le cas de l’affichage de résultats suite
à une recherche d’un de vos visiteurs par exemple.