Présentation

HTML est l'abréviation de Hypertext Markup Language. C’est le fameux langage de balisage utilisé pour créer des pages web et des applications web accessibles via Internet. Chaque page contient une série de connexions à d'autres pages appelées hyperliens.

Le code a été développé avec l’arrivée du World Wide Web à la fin des années 80 et au début des années 90. C’est en effet Tim Berners-Lee, informaticien britannique et principal fondateur du Word Wide Web, qui avait commencé à travailler sur un prototype en HTML pour créer le langage désormais omniprésent, ainsi qu'un navigateur Internet et un logiciel serveur.

Le World Wide Web Consortium (W3C) poursuivait ainsi le développement d'une norme internationale pour le code. En 1995, la deuxième version de HTML a été publiée. La plus grande mise à niveau du langage a été l'introduction de HTML5 en 2014. L'une des fonctionnalités les plus attendues de HTML5 est la prise en charge native de l'intégration audio et vidéo.

En raison d'une augmentation rapide de sa popularité, le HTML est désormais considéré comme un standard web officiel. Les spécifications HTML sont toujours maintenues et développées par le W3C.

HTML n'est pas un langage de programmation, ce qui signifie qu'il n'a pas la possibilité de créer des fonctionnalités dynamiques. En revanche, il permet d'organiser et de formater des documents.

Objectifs

Le HTML (ou HTML5 pour sa dernière version)  permet aux créateurs de sites web d’afficher sur un navigateur Internet des éléments tels que du texte, des images, des formulaires et des fonctionnalités interactives.

Les documents HTML sont des fichiers qui se terminent par une extension .html ou .htm. Vous pouvez donc les afficher à l'aide de n'importe quel navigateur web tel que Google Chrome, Safari ou Mozilla Firefox. Le navigateur lit le fichier HTML et rend son contenu affichable afin que les internautes puissent le consulter.

Les avantages du HTML :

• largement utilisé avec beaucoup de ressources et une énorme communauté.
• Fonctionne nativement dans tous les navigateurs Web.
• Les normes web officielles sont maintenues par le World Wide Web Consortium (W3C).
• Facilement intégrable avec les langages back-end tels que PHP et Node.js.

Les inconvénients du HTML :

• Surtout utilisé pour les pages Web statiques. Pour des fonctionnalités dynamiques, vous devriez utiliser JavaScript ou un langage back-end tel que PHP.
• Ne permet pas d'implémenter une séquence logique. Par conséquent, toutes les pages web doivent être créées séparément.
• Certains navigateurs adoptent lentement les nouvelles fonctionnalités.

Exemples d’application

Habituellement, un site web standard comprend plusieurs pages HTML différentes, notamment une page d'accueil, page à propos, page de contact, etc. Chacune de ces pages devrait avoir un fichier HTML distinct. Chaque fichier HTML se compose d'un ensemble de balises (également appelées éléments). Les balises sont les éléments constitutifs des pages web. Ils créent une hiérarchie qui structure le contenu en sections, paragraphes, en-têtes et autres blocs de contenu.

Lorsque nous travaillons avec HTML, nous utilisons des structures de code simples : balises et attributs. Les balises HTML sont repérées par les deux symboles inférieurs et supérieurs comme suit : .

On distingue entre deux types de balises :

• Les balises en paire: où la balise d’ouverture contient le nom de la balise et les attributs de la balise, tandis que la balise de fermeture se termine par une barre oblique suivie du même nom de la balise.

La balise dans l’exemple suivant crée un lien appelé "Ma page test" qui pointe vers le fichier page.html. <a href = page.html> Ma page test a>

• Les balises orphelines : où une seule balise sert d’ouverture et de fermeture. Exemple : <img src="photo.jpg" alt="description" />. La balise image a comme attributs : src pour le chemin de l'image et alt pour la description de l'image.

A noter qu’il n’est pas nécessaire de rajouter le slash à la fin des balises orphelines. Pourtant, il est recommandé de le faire !

Autres exemples de balises HTML :

Titre principal de la page

Sous-titre  

Paragraphe

Prérequis

Dans l'ensemble, le HTML est un langage de balisage qui est vraiment simple et facile à apprendre, même pour les débutants dans la création de sites web. C’est pourquoi, toute formation de développeur web passe d’abord par l’apprentissage du codage en HTML. Il suffit de faire de nombreux exercices différents et créer des pages web en commençant par l’ajout de texte puis d’images, et petit à petit vous serez capables de construire des pages web professionnelles.

Le HTML : c’est quoi ?

Tout d’abord, il faut savoir que le HTML n’est pas vraiment un langage de programmation informatique, mais plutôt d’un balisage de texte. Dès lors, il est bien plus simple que les autres langages de programmation. Imaginez seulement le fait de préparer un texte pour une autre personne qui va devoir le mettre en page sur une machine spéciale sans vraiment avoir à réfléchir. Pour que la tâche soit facile, vous devrez lui fournir un texte qu’elle va lire de haut en bas tout en suivant les indications que vous avez données.

Ces indications sont, pour plus de simplicité, réduites au minimum à travers l’utilisation d’abréviations en les plaçant entre les signes. Ces indications sont appelées mises en page : les balises. Le texte ainsi codé sera, en réalité, lu par une machine qui va par la suite les transcrire. Dès lors, vous n’avez pas le droit à l’erreur et vous devrez vous montrer particulièrement précis par rapport aux indications. À noter que l’affichage du texte codé va dépendre du terminal utilisé, notamment de la taille de l’écran, du niveau de zoom ou encore du navigateur.

Évolutions du langage HTML

C’est durant les 90 que le langage HTML a commencé à dicter sa loi dans l’univers informatique. En effet, son ancrage dans le milieu coïncide avec l’apparition de technologies web telles que les feuilles de style en cascade de même que le document object model. Depuis 1997 avec HTML4, on peut dire que l’évolution de ce langage a fortement ralenti. Aujourd’hui, nous utilisons le HTML 5 avec des spécifications propres telles que l’accessibilité, et l’abandon total de XHMTL2. D’ailleurs, ce langage est presque utilisé par presque tous les développeurs de sites internet, car il est plus simple à maitriser et ne comporte presque aucune restriction.

Le HTML, un langage au format de document

La particularité du HTML, c’est qu’il s’agit d’une description au format de document qui se présente souvent sous la forme d’un langage de balisage. Jusqu’à sa version 4.01, il faut dire que le HTML a largement été décrit comme étant une application du Standard Generalized Markup Langage. Cependant, avec les nombreuses spécifications successives, il faut dire que les agents utilisateurs ne sont pas des analyseurs SGML. Concernant les navigateurs web, il faut préciser qu’ils n’ont jamais été totalement capables de déchiffrer l’ensemble des variations de syntaxes permises par le SGML. Par contre, ils sont généralement capables de rattraper les éventuelles erreurs de syntaxes.