Quand on navigue sur le Web,nous allons chercher des pages appelées HTML qui seront affichées par le navigateur.
Le HTML est l'abréviation de Hyper Text Marqued Language. En français, cela se traduirait par Langage balisé d'Hyper Texte.
Il s'agit en fait d'un langage qui pourra être compris par tous les systèmes d' exploitation, que ce soit Windows, Linux ou Mac… Bien que certaines balises ne soient pas reconnues par certains explorateurs, mais elle seront dans ce cas ignorées.
Son but est tout simplement d'indiquer à l'explorateur internet utilisé par le client de quelle manière le texte devra être affiché.
Les fichiers HTML sont de simples fichiers "texte". Ce qui fait qu'il est tout à fait possible de créer des page HTML avec un éditeur de texte aussi simple notepad©.
J'ai souvent pu vérifier le fait qu'il est souvent plus facile de donner directement les bonnes habitudes de travail à quelqu'un que d'essayer de modifier des habitudes prises dés le départ.
De très nombreux tutoriaux sur le net qui concernent le HTML vont chercher la facilité de codage en proposant des solutions, de mise en page entre autre, susceptibles de poser énormément de problèmes d'accessibilité. Certaines solutions proposées mettent le principe d'unicité de référence, absolument nécessaire pour s'assurer qu'à un fichier donné ne puisse correspondre qu'une page donnée, à mal
Il faut en effet etre conscient que tout le monde n'utilise pas forcément un navigateur capable de donner une représentation graphique des pages visitée.
Qu'il s'agisse d'utilisateurs de linux et de navigateurs "text-only", ou de personnes souffrant d'une défiscience visuelle et qui utilisent des outils adaptés à leur handicap ( synthétiseurs vocaux ou tablette braille, par exemple), beaucoup de techniques proposées occasionneront de grosses difficultés à ces outils particuliers.
De plus, les recommandations actuelles du W3c vont dans le sens d'une séparation du texte et de l'apparence, de manière, entre autre, à permettre l'interopérabilité (le fait que plusieurs systèmes, qu'ils soient identiques ou radicalement différents, puissent communiquer sans ambiguïté et travailler ensemble) avec des techniques nouvelles telles que le wap.
C'est la raison pour laquelle ce tutorial ne couvre que la «sémantique» du HTML et devrait, idéalement, être complété par la lecture du tutorial sur les feuilles de style en cascade (ou CSS).
Pour indiquer au navigateur la manière dont doit être affiché le texte, nous utiliserons ce que l'on appelle des «balises».
Dans le langage courant, une balise est un terme généralement utilisé pour indiquer un jalon représentant la limite d'une zone.
Tout comme, à priori, nous nous trouvons en sécurité sur un chemin balisé du moment que nous nous trouvons dans l'espace compris entre deux balises, le texte que le navigateur aura à afficher prendra l'apparence rendue obligatoire par les balises entre lesquelles il se trouve.
Comme, j'aime à le répéter, il n'y a rien de plus idiot qu'un ordinateur (qui n'aura jamais que l'intelligence que celui qui l'a programmé a pu/su lui donner), si on lui indique le début d'une partie pour laquelle il doit donner une apparence donnée à du texte, il s'agit, pour l'extrème majorité des cas, de lui indiquer l'endroit où la partie s'arrête.
La balise indiquant le début de la section dans laquelle une apparence précise doit être donnée prend habituellement le nom de «balise ouvrante», et la balise qui en indique la fin prend habituellement le nom de «balise fermante».
La balise ouvrante sera simplement un terme tiré de l'anglais (parfois abrévié) correspondant à l'apparence à donner, entouré des signes < à gauche et > à droite.
Pour la balise fermante, nous utiliserons le même terme, en ajoutant simplement la barre oblique «slash» ( / ) après le signe <.
Nous nous trouverons donc en présence quasi systématique (car de rares balises n'ont pas besoin de fermeture) d'un couple ressemblant à <balise> pour la balise ouvrante et </balise> pour la balise fermante, l'apparence étant donnée par la balise à ce qui se trouve entre les deux (je ne vous ferai pas l'insulte de préciser que la balise ouvrante doit se trouver avant la balise fermante).
Toutes les balises disposent d'une série de propriétés qui permettent de modifier le comportement du navigateur quand il est en leur présence.
De très nombreuses propriétés portent sur l'apparence réelle que doit donner le navigateur au contenu de la balise, et, pour respecter les recommandations du W3C, il est fortement conseillé de les redéfinir de manière séparée du contenu (cf: le tutorial sur les feuilles de style en cascade )
Par contre, il y a également certaines propriétés qui ont simplement pour but de fournir des informations précises sur un comportement non visuel (ea: obtenir une image à afficher, un nom de fichier à appeler, une action à entreprendre sur un événement donné etc) qu'il est parfois utile, voir nécessaire ou indispensable, de fournir directement dans la balise à laquelle est destinée l'information.
Cette proprété portera alors le nom d'«attribut», et respectera des règles synthaxiques précises.
Dans l'ensemble du jeu de balises dont on dispose, on retrouve deux grands type de balises:
Les balises de bloc, qui provoquent par défaut d'office un passage à la ligne lorsqu'on les ouvre et les ferme, et les balises en ligne, qui permettent au contenu qui précède leur ouverture et qui suit leur fermeture de rester dans la continuité (sur la même ligne d'affichage).
Pour être complet, on peut enfin signaler qu' il existe un troisième type de balises qui, en HTML, ne nécessitent pas de balise de fermeture.
Copyright (©) 2005 (Philippe Dunski)
Ce cours est libre, vous pouvez le redistribuer et/ou le modifier selon les termes de la Licence Publique Générale GNU publiée par la Free Software Foundation (version 2 ou bien toute autre version ultérieure choisie par vous).
Ce cours est distribué car potentiellement utile, mais SANS AUCUNE GARANTIE, ni explicite ni implicite, y compris les garanties de commercialisation ou d'adaptation dans un but spécifique. Reportez-vous à la Licence Publique Générale GNU pour plus de détails.
Cependant, l'auteur apprécierait grandement que vous lui fassiez part de toute modification apportée à son contnu
Vous pouvez le contacter par mail à l'adresse koala01@free.fr
Vous pouvez trouver une adaptation française de la licence GNU/GPL à l'URL http://www.linux-france.org/article/these/gpl.html
