HTML #1 | Définition + Editeur de code

HTML, qu’est-ce que c’est ?

HTML = Hyper Text Markup Language. Je suis sure que cela vous avance. Traduction s’vous plaît ? Langage de balisage d’hypertexte. D’accord, mais encore ?

Il s’agit d’un langage informatique utilisé sur Internet pour créer des pages web.

Afin de construire la structure d’une page web, des balises/tags doivent être utilisés. Dans quel but ? Mettre en forme un texte, ajouter des images, des liens etc…

Seulement, pour taper un code HTML, c’est toujours plus pratique d’avoir un éditeur de code.

HTML

Editeur de code ?

Personnellement, j’utilise le logiciel gratuit Notepad++ que vous pouvez télécharger I C I.

Si vous êtes sous Ubuntu comme moi, vous pouvez installer Notepadqq. Voici ce qu’il faut taper dans un terminal pour installer la bête :

sudo add-apt-repository ppa:notepadqq-team/notepadqq

sudo apt-get update

sudo apt-get install notepadqq

Structure d’une page HTML

Une fois notre éditeur de code ouvert, tapez <!DOCTYPE html> ce qui indique au navigateur (Firefox, Google Chrome, Internet Explorer, Safari) qu’il s’agit bien d’une page HTML.

Le tag HTML est le tag principal de la page.

Il y a donc des tags (contenus entre des crochets) :

  • d’ouverture : <html>
  • de fermeture : </html>

Ce qui les différencie ? La présence ou non de  » /  »

Il existe cependant des tags qui n’ont pas de « /  » Bref, à voir plus tard.

Ainsi, tout ce qui trouvera entre la balise d’ouverture <html> et la balise de fermeture </html> constituera votre site web.

Ensuite, il existe le tag head. Ce dernier regroupe toutes les informations relatives à notre page. Cependant, elles ne font pas partie du contenu d’une page web.

Dans ce tag head, vous retrouvrez deux types de tag :

  • title. Comme son nom l’indique, il s’agit du titre de la page,
  • body. Il correspond au contenu de la page web,

Je vous invite à reproduire le code ci-dessous :   

Enregistrez votre travail sur votre bureau, en cliquant sur le logo Disque dur avec la flèche verte, et appelez le fichier index.html

Pourquoi index.html ? La plupart des pages d’accueil de sites web est appelée index.html

Ouvrez ensuite votre fichier index.html présent sur votre bureau, ce qui lancera directement votre navigateur.

Voici ce que vous devez voir :


       La suite, c’est par I C I, les gars !

Ann

Laisse un commentaire