Langages Web : HTML, CSS et Javascript
HTML, CSS et JavaScript sont 3 langages différents. Ensemble, ils permettent de créer des pages web et chacun contribue à des aspects particuliers d’une page web moderne. Dans cet session de formation, nous verrons comment chacun des langages contribue à la réalisation d’une page web.
Extrait de la formation vidéo
C’est quoi HTML ?
HTML est un acronyme qui signifie Hypertext Markup Langage. En bon français on pourrait dire langage de balisage d’hypertexte.
HTML est très utile pour expliquer à une machine quelle est la fonction et le sens sémantique des différents éléments d’une page.
Comme par exemple : les titres, les paragraphes, les listes, les citations, … Il permet aussi d’intégrer des images, du son et de la vidéo et la chose la plus importante : des liens entre différentes pages.
HTML sert donc à organiser le contenu d’une page web. À lui tout seul, il ne permet pas de créer une belle présentation ni d’offrir des fonctions interactives. C’est la raison pour laquelle il y a d’autres langages.
C’est quoi CSS ?
CSS est un acronyme qui signifie Cascading Style Sheet (feuille de style en cascade). Il permet de changer la présentation du contenu d’un document HTML.
Le mot clé dans cette expression est style et il n’est pas un langage de programmation.
La fonction principale de CSS est de rédiger des règles qui déterminent la présentation des éléments d’une page web. Par exemple, qu’est-ce qui sera centré, qu’est-ce qui sera en caractère gras, comment un titre de page s’affichera, quelle sera la taille d’une image, etc.
Si HTML a pour fonction de structurer le contenu d’une page web, CSS s’occupe de la présentation de ce contenu. Et bien que CSS permettent aussi le mouvement des objets (fondu, transition, déplacement, etc.), les interactions sophistiquées se font à l’aide d’un troisième langage.
page HTML sans CSS
page HTML avec CSS
Qu’est-ce que JavaScript ?
Contrairement à HTML et CSS, Javascript est un langage de programmation. Et contrairement à ce qu’on pourrait croire à cause de son nom, JavaScript n’a rien à voir avec Java.
JavaScript est un langage de programmation qui s’exécute du côté client.
Ce qui veut dire que le programme est donné par le serveur en même temps que la page web et c’est l’ordinateur du visiteur (par l’entremise du navigateur) qui éxécutera le programme.
Je vous donne un exemple d’un réalisation très simple d’une calculatrice avec Javascript, just pour avoir une idée de ce que vous pouvez faire avec Javascript.
Le programme permet de réaliser la somme et la soustraction de deux nombres.
HTML et CSS ne sont pas pour programmer
HTML et CSS ont une structure et une syntaxe et ils sont cohérents mais contrairement à Javascript, ce ne sont pas des langages de programmation.
Les langages de programmation permettent l’utilisation d’algorithme.
Ensemble, HTML, CSS et Javascript permettent de créer des pages web qui se chargent rapidement et qui, avec un navigateur récent, offre une expérience riche et très interactive.
Références
Quelle est la différence entre HTML, CSS et JavaScript
