Apprendre le langage HTML (HyperText Markup Language)

Auteur: Mohamed CHINY Durée necessaire pour le cours de Apprendre le langage HTML (HyperText Markup Language) Niveau recommandé pour le cours de Apprendre le langage HTML (HyperText Markup Language) Supports vidéo disponibles pour ce cours Exercices de renforcement disponibles pour ce cours Quiz disponible pour ce cours

Leçon 1: HTML C'est quoi?

Toutes les leçons

Qu'est ce que HTML?

HTML (HyperText Markup Language) est un langage de description (dit de marquage) de pages Web. Il permet de présenter les documents hypertextes destinés à être affichés sur le navigateur. Il s'agit d'un langage coté client (tout comme CSS et Javascript). Il est supporté et développé par W3C.

L'origine du HTML remonte au début du Web. En effet, il a été inventé vers les années 1989 afin qu'il puisse présenter les documents qui circulent sur la toile et établir des liens entre eux à travers les liens hypertextes (ou hyperliens).

Versions du langage

En 1989 HTML1.0 est apparu, il se basait sur les spécifications du standard SGML (Standard Generalized Markup Language) qui est aussi un langage de description à balises. Puis HTML2.0 a vu le jour en 1995. En 1997, HTML3 puis HTML4 sont apparus.

HTML4 a longtemps été la version la plus répandue du langage, et reste encore largement supportée aujourd’hui. Toutefois, l’arrivée du standard HTML5 a marqué une véritable révolution dans l’univers du Web, en introduisant des fonctionnalités modernes et puissantes qui redéfinissent la manière de concevoir et d’interagir avec les sites.
Il existe aussi un autre standard qui est XHTML (eXtensible HyperText Markup Language). Il s'agit d'un langage de balisage fondé sur XML mais qui utilise presque les mêmes balises que HTML.

Objectif du cours

L’objectif de ce cours est de vous initier à l’utilisation du langage HTML. Pour commencer, nous allons travailler avec la syntaxe classique du HTML (HTML4), afin de poser des bases solides. Par la suite, nous explorerons également les nouveautés introduites par HTML5, qui enrichissent considérablement les possibilités offertes aux développeurs Web.

Quand je dis "apprendre à utiliser le langage" ne veut dire en aucun cas que vous devez apprendre sa syntaxe par cœur, mais savoir comment éditer un document HTML dans les règles en vous faisant assister par la documentation. Dans peu de temps, et avec la pratique, vous allez vous rendre compte que vous avez réellement appris la syntaxe. Super!

Prérequis

Vous avez sans doute remarqué dans les propriétés de ce cours que ce dernier est destiné aux débutants. Il n'est donc pas nécessaire d'être un informaticien chevronné pour en tirer profit. Tout ce dont vous avez besoin c'est de la patience, être à l'aise avec le clavier, avoir un minimum de notions en informatique et en traitement de texte, être passionné et en fin, être un grand amateur de navigation sur le Web.

Si vous rencontrez un terme que vous ne comprenez pas, allez jeter un œil sur le glossaire. J'ai essayé d'y expliquer brièvement les termes les plus courants dans le jargon du développement Web.

Les outils dont vous aurez besoin

Pour bien maîtriser le langage HTML, il faut pratiquer. Il vous faudra donc un éditeur de code et un navigateur pour tester ce que vous avez codé.

Il existe des éditeurs WYSIWYG (pour What You See Is What You Get) qui permettent de construire facilement un document HTML sans avoir besoin de connaitre la syntaxe. Mais pour devenir un bon développeur il faut essayer d'écrire le code source par soi même. Je vous recommande donc de vous servir d'un éditeur texte. Personnellement je préfère Sublime Text que vous pouvez télécharger gratuitement. Un autre éditeur gratuit très populaire du nom de Notepad++ est disponible en téléchargement ici.

Comment écrire un document HTML en vidéo