HTML, CSS et JavaScript : 3 langages phare
C’est quoi le code HyperText Markup Language ?
Vous utilisez HTML pour structurer une page Web. HTML peut être considéré comme les fondations de votre contenu ou son squelette.
HTML est l’acronyme d’HyperText Markup Langague. Le langage HTML utilise des codes de balisage qui vont permettre à nos navigateurs (Chrome, Explorer, Safari, etc.) d’afficher du texte et des médias au format requis. HTML à été développé par Tim Berners-Lee. Il existe plus de 140 balises HTML, bien que certaines ne soient pas prises en charge par les navigateurs modernes. Voici quelques-unes des balises les plus utilisées : <h1> à <h6> pour les titres, <p> pour les paragraphes, <a> pour créer des liens vers des sources externes, <img> src et alt pour insérer du contenu média, etc.
Depuis la première version développée en 1995, nous sommes aujourd’hui à HTML5. Voici un tableau récapitulatif des différentes versions :
| VERSION HTML | ANNÉE |
| HTML 1.0 | 1991 |
| HTML 2.0 | 1995 |
| HTML 3.2 | 1997 |
| HTML 4.01 | 1999 |
| XHTML | 2000 |
| HTML 5.0 | 2014 |
Les spécifications HTML sont gérées et développées par le World Wide Web Consortium (W3C). Vous pouvez consulter à tout moment le dernier état du code sur le site Web du W3C.
C’est quoi le CSS (Cascading Style Sheets)
Le CSS va venir s’appliquer à la structure du contenu HTML pour définir son style.
CSS est l’acronyme de Cascading Style Sheets (feuilles de style en cascade). C’est un code de balisage, tout comme HTML dont il est dépendant. A partir des années 1990, les différents acteurs du Web cherchent un langage capable de séparer la structure du document de sa mise en forme. Il faudra attendre décembre 1996 pour que W3C recommande le CSS1. Comme souligné précédemment, le CSS permet de styliser du contenu affiché en modifiant sa mise en forme. Et tout cela en définissant des éléments tels que la mise en page du contenu, les couleurs utilisées ainsi que les polices affichées.
Depuis CSS1 paru en 1996, nous sommes aujourd’hui à CCS3. Voici un tableau récapitulatif des différentes versions :
| VERSION CSS | ANNÉE |
| CSS1 | 1996 |
| CSS2 | 1998 |
| CSS2.1 | 2011 |
| CSS3 | 2011 |
Il y a 3 possibilités pour ajouter du CSS à votre contenu HTML. Le CSS peut être interne, externe ou en ligne.
Les feuilles de style externes s’enregistrent en .css et peuvent déterminer l’apparence d’un site entier. Votre fichier HTML doit inclure un en-tête qui renvoie à la feuille de style externe. Le CSS interne s’écrit directement dans l’en-tête d’une page. Il s’utilise dans le cas de pages à l’apparence unique. Les feuilles de style en ligne s’appliquent directement dans le code HTML d’une page. Cela crée un changement spécifique sur la balise sélectionnée.
Si le HTML est la structure d’un site Web, le CSS permet de lui apporter du relief et des couleurs.
C’est quoi le JavaScript ?
JavaScript s’utilise pour définir les éléments interactifs d’une page Web qui vont susciter des actions de l’utilisateur.
Contrairement aux deux langages de balises HTML et CSS, JavaScript est un langage de programmation. Développé par Brendan Eich en 1995, c’est un langage exécuté par l’utilisateur du site et non par le navigateur. Son fonctionnement va donc dépendre de lui.
Lorsque qu’une page Web fait plus qu’afficher du contenu statique, vous sollicite via des appels à l’action, des menus déroulants, défilants, des pop-up et autres animations, bien souvent JavaScript est en jeu.
Il y a eu 15 versions de JavaScript depuis la première version sortie pour Netscape en 1996. Chacune d’entre elles se nomment ECMAScript, avec un chiffre correspondant à la version. À partir de 2015, l’année de sortie remplace les chiffres. Il existe de nombreux frameworks JavaScript qui facilitent le travail des développeurs. Pour ne citer que les plus connus : jQuery, Node.js ou encore AngularJS.
Lors de la conception d’un site Web, il existe d’autres langages de programmation qui interviennent, notamment en back-end. Ça peut être le cas de JavaScript, PHP, Ruby ou JAVA.
