HTML et CSS

Langages d'une page HTML

HTML/CSS

Pour écrire une page HTML, deux langages sont indispensables :

  • Le langage HTML : HyperText Markup Language (que l'on pourrait traduire par "langage hypertexte à balises" ou "langage de balisage d'hypertexte"). Ce langage est celui qui gère le "fond", la sémantique. On dispose par exemple de balise h1 qui viendront encadrer un texte pour signifier qu'il s'agit d'un titre.
  • Le CSS : Cascading Style Sheet (feuille de style en cascade). Ce langage sera celui qui gère la forme. Par exemple, en HTML, on aura posé des balises pour désigner un titre, mais HTML ne dit en rien comment ce titre sera affiché (en rouge, sur fond bleu, en gros caractères...) : c'est le langage CSS qui s'occupera de cette déclaration.

Pour avoir une première idée du rôle du CSS, vous pouvez voir comment s'affiche cette page si l'on supprime l'essentiel du code css. Pour cela, sélectionner dans le menu Développement web/éditeur de style (rappelons que seul le navigateur firefox sera utilisé ici, mais vous trouverez des outils équivalents avec chrome).
En cliquant sur "l'oeil" qui se trouve à gauche de la page css "defaut.css", vous désactivez les effets des règles css définies dans cette feuille defaut.css. Le même contenu de page s'affiche mais en supprimant une bonne partie du CSS (il n'est en fait pas complétement supprimé car les navigateurs disposent d'un css minimal qui leur font par exemple systématiquement afficher les titres h1 dans une taille de police plus grande que le reste du texte, cela permet d'avoir visuellement une idée de la structure d'une page html même en l'absence d'une page de style css).

Et javascript

En fait un troisième langage s'invite presque systématiquement dans toute page web : le langage javascript.

Il s'agit cette fois d'un langage de programmation. Il gère l'aspect dynamique des pages web. Nous y reviendrons.

Et PHP ?

Vous avez peut-être aussi entendu parler du langage PHP. Il s'agit là aussi d'un langage de programmation, et du code php peut être présent également à côté de l'html dans la même page.

Une différence essentielle entre le php et le javascript : le javascript sera (en général) exécuté côté client (c'est à dire sur votre ordinateur, c'est votre navigateur qui interprète les instructions javascript). Tandis que le code php sera interprété côté serveur : votre navigateur ne peut pas interpréter ce code.

Le rôle des deux langages n'est donc pas le même.

Pour clarifier, cette dualité client/serveur, lisez cette page.

Historique de l'HTML

Lisez cette page concernant le langage HTML.

Vous retiendrez notamment que ce langage, que vous utilisez tous les jours même sans le savoir, a moins de 30 ans puisqu'il date du début des années 1990. Vous retiendrez également que le langage a connu diverses phases avant d'être celui que vous allez en partie découvrir dans les semaines à venir.

Historique du CSS

Lisez cet historique concernant le langage CSS.

Vous retiendrez là aussi qu'il s'agit d'un langage qui a évolué et évolue encore.

Comme pour le HTML, les enjeux (entre autres économiques) entraînent une nécessaire évolution permanente du langage (il faut adapter le langage aux besoins qui évoluent en permanence, via l'usage toujours accru des smartphones par exemple), mais en même temps la retarde (par le jeu des discussions, des influences des principaux acteurs mais aussi parce qu'on ne peut modifier du jour au lendemain un langage qui concerne des milliards de pages web et d'applications sans risque).