Objectifs du chapitre

Transcription

1 1 Le langage HTML Objectifs du chapitre Introduire les concepts de marquage de base Présenter les éléments de HTML4 Les éléments de base du langage HTML Les tableaux Les éléments de formatage des pages Le codage des caractères, des couleurs et des images Les cadres (ou frames) et la cartes (ou images cliquables) Le multimédia Discuter les différences entre les versions de HTML Décrire tous ces aspects en utilisant des exemples pratiques Dans ce chapitre, on présente les aspects fondamentaux du langage HTML. Bien que certains éléments aient été récemment rendus obsolètes, il existe encore un grand nombre de pages Web qui les utilisent. Pour comprendre les contenus de ces pages, il est important de décrire le HTML de base. 9

2 1 Programmation du Web 1.1 Introduction HTML (Hypertext Markup Language) est un langage de marquage pour le Web. Il permet d écrire un code que le navigateur va interpréter et représenter sous la forme d une page Web. Le langage permet de décrire des contenus de différents types, incluant du texte et des images ainsi que des éléments multimédias tels que l audio et la vidéo. Il permet également de décrire des liens entre différentes pages Web en utilisant le concept d hypermédia. Ce dernier permet d associer des actions à certaines parties du texte. Ces actions permettent de charger un autre document Web ou d invoquer d autres ressources comme des programmes sur des serveurs. Le langage offre des éléments permettant de structurer des documents comme les paragraphes, les listes, les en têtes de section, etc. Chaque élément est défini grâce à une balise (c est à dire un tag) telle que <p> (pour définir un paragraphe), <h1> (pour définir un en tête de section) Les balises Pour commencer, nous donnons quelques exemples de balises simples : <h1> : décrit le titre d une section de niveau 1 dans un texte. Il est affiché avec un espace avant et après le titre en utilisant une police grasse de taille 16 pts. <h2> : décrit le titre d une section de niveau 2 dans un texte. Il est affiché avec un espace avant et après le titre en utilisant une police grasse de taille 14 pts. <p> : décrit un paragraphe. Un paragraphe est affiché avec un espacement avant et après (c est à dire qu il est précédé et suivi d une ligne vide). <img> : permet d inclure une image dans une page Web. Cette image peut être en format jpeg, gif, png ou tout autre format accepté par le navigateur. Un exemple d utilisation de balises est donné ci dessous : <h1> Une section </h1> <h2> Une sous-section</h2> <p> Un paragraphe <img src="monimage.jpeg"> Certains éléments comportent des attributs qui permettent de spécifier des propriétés particulières. 10

3 Le langage HTML 1 Les balises HTML ont la syntaxe suivante : <élément> Texte </élément> : cette forme correspond à un élément qui a un contenu représenté par Texte. Ce contenu est soit un texte simple ou un code HTML. La balise </element> ferme cet élément. Par exemple, <p> Ceci est un paragraphe permet de décrire un paragraphe. <élément attribut1="valeur1"attribut2="valeur2">texte</élément> : cette forme correspond à un élément qui a des attributs dont les valeurs sont valeur1, valeur2, etc. <élément/> : cette forme correspond à des éléments qui n ont pas besoin de contenu. Par exemple, <br/> est une balise qui fait un simple retour à la ligne (ou break) est une balise à contenu vide. Les attributs sont ajoutés dans une balise pour spécifier certains paramètres de fonctionnement ou de formatage. Par exemple, la balise <a> qui permet de définir un lien hypertexte possède un attribut appelé href qui spécifie l adresse vers laquelle on fait le lien : <a href=" Vers le site d IBM </a> Un autre exemple est celui de la balise <img> qui permet d insérer une image dans un document Web. Elle possède un attribut appelé src qui indique le fichier qui contient l image. Elle possède un autre qui s appelle alt qui sert à indiquer un texte qui va paraître si l image ne peut pas être affichée pour une raison ou une autre : <img src="photo.jpg" alt="une photo de moi "> Nous présenterons les attributs des balises au fur et à mesure que nous décrirons celles ci. Dans HTML4, plusieurs balises et attributs ont été utilisés pour appliquer des styles à des documents. Ces étiquettes ne sont pas offertes dans les nouvelles versions de HTML. Par exemple, les éléments comme <font>, <centre> et <strike> et les attributs color et bgcolor sont déclarés obsolètes. On leur préfère l utilisation des styles CCS que nous présenterons au chapitre 2. Comme nous le verrons plus loin, il existe plusieurs versions de HTML. Certaines d entre elles, par exemple la version dite Transitional de HTML4, permettent certaines libertés dans le format des balises. Par exemple, il permet qu une balise ouverte puisse ne pas être fermée. On peut, par exemple, utiliser la balise <p> au début d un paragraphe sans qu on utilise 11

4 1 Programmation du Web à la fin de celui ci. Dans ce cas là, dès que le fureteur rencontre plus loin une autre balise <p>, il la considère aussi comme la fermeture de la balise <p> qui la précède et l ouverture d une nouvelle. Notons que les versions les plus récentes de HTML (notamment XHTML) ne permettent pas cette liberté. On discutera ces aspects plus loin dans ce chapitre. Signalons un élément particulier qui permet d insérer des commentaires dans un document HTML. Il commence par <! et se termine par >. Tout ce qui se trouve entre ces deux balises n est pas pris en compte par le navigateur lors de l affichage du document comme dans : <h1> Un en-tête </h1> Ceci est un texte qui sera affiché. Le texte qui suit ne le sera pas : <!-- <p> Ce paragraphe ne sera pris en compte. On ne le verra pas Ce texte ne sera pas visible, non plus --> Ce texte sera visible. Notons que les balises peuvent être indifféremment écrites en lettres majuscules (exemple <BR/>) ou minuscules (exemple : <br/>). Cependant, il est conseillé de toujours les mettre en lettres minuscules Structure d un document HTML Un document HTML suit une structure qui comprend : Un document débute avec la balise <!DOCTYPE> qui permet d indiquer la version de HTML utilisée. L élément <html> qui indique que le document contient du code HTML. Cette balise devrait être fermée avec </html> et doit se trouver en dernière position dans le document. Un en tête est représenté par la balise <head>. Il doit être fermé avec </head>. Au sein de cet élément, on peut avoir des sous éléments tels que le titre de la page (décrit avec la balise <title> fermée avec </title>) ainsi que des éléments spécifiques que l on décrira plus loin. L élément <meta> permet de spécifier des métadonnées. On peut s en servir par exemple, pour indiquer le type de codage des caractères contenus dans le document. Le corps du document qui comprend les éléments qui vont être affichés sur la fenêtre du fureteur. Cet élément est représenté par la balise <body> qui devrait être fermée avec </body>. 12

5 Le langage HTML 1 L exemple ci dessous montre un exemple de document HTML qui respecte cette structure. <!-- Fichier : HTML/document1.html --> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" " <html> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8"> <title> Titre de la page </title> </head> <body> <h1> Chapitre 1 </h1> <p> Ceci est un paragraphe <h2> Chapitre 1.2 </h2> <p> Ceci est un autre paragraphe </body> </html> Résultat : Figure Création d un document HTML Pour créer un fichier HTML de façon simple, on suit les étapes suivantes : Utiliser un éditeur de texte (tel que NotePad ou encore mieux NotePad++ sur Window ou bien vi sur Unix) et saisir le code HTML (tel que celui de l exemple ci dessus). Sauvegarder ce fichier en lui donnant l extension.html ou.htm. (exemple document1.html). Ouvrir le document avec un navigateur tel qu Internet Explorer, Firefox, Chrome, etc. 13

6 1 Programmation du Web Cette façon de faire n exige aucune installation d un serveur. On fonctionne ainsi en local. Si par contre le fichier doit être hébergé sur un serveur, il faudra utiliser un logiciel de chargement (tel que par exemple WinScp) pour mettre le fichier sur ce serveur et l invoquer en utilisant une adresse appropriée indiquée par son URL (exemple : document1.html). 1.2 Les éléments de base de HTML Éléments de ligne et éléments de bloc Certains éléments sont dits éléments de ligne et d autres éléments de bloc. Lors de leur affichage, les éléments de ligne ne sont ni précédés ni suivis de retour à la ligne. Ils continuent le flot normal de texte. Par exemple, <b> permet de mettre un texte en caractères gras et ne crée pas de nouvelle ligne ni de changement de paragraphe. Lors de leur affichage, les éléments de bloc sont précédés et suivis de lignes vides. Ils permettent de former des paragraphes séparés du reste du texte. La taille de l espace avant et après dépendra du type de la balise. Par exemple, la balise <p> ajoute un espace avant et après qui permet de former un nouveau paragraphe. La balise <h1> qui permet de spécifier un en tête crée des espaces avant et après l en tête. Il existe plusieurs éléments de lignes et de bloc dans HTML. Dans le chapitre sur le CSS, on montrera comment on peut transformer, lorsqu on le souhaite, des éléments de ligne en éléments de boc, et vice versa Les attributs Certains éléments de HTML ont des attributs. Le nombre et le type de ces attributs dépendent des balises en question. Dans l ensemble, le nombre de ces attributs tend à être réduit avec les nouvelles versions de HTML. De plus, la plupart de ces attributs ont un rapport avec le formatage (exemple alignement à droite, alignement à gauche, taille de la police, couleur de la police, etc.) et peuvent facilement être remplacés par des propriétés de style CSS. Ils sont catégorisés comme obsolètes pour les versions récentes de HTML. 14

7 Le langage HTML 1 Cependant, la plupart des balises de HTML ont des attributs parmi quatre attributs de base qui sont optionnels et qui peuvent être utilisés simultanément : id : est utilisé pour identifier de manière unique un élément dans le document. Il est utilisé dans le cas où on effectue une recherche de l élément dans un programme écrit en JavaScript (comme nous le verrons au chapitre 3). Il est également utilisé pour associer des propriétés de style à cet élément. Il est impor,,tant de mentionner que la valeur de cet identificateur doit être unique dans tout le document. Par exemple : <p id="paragraphe1"> Le contenu du paragraphe title : associe un titre à un élément. Cet attribut est utilisé pour être affiché comme un élément d information quand on passe le curseur dessus lorsque l élément est affiché par le navigateur. Par exemple : <div title="ceci est un div"> Le contenu du div </div> class : est utilisé pour associer une classe à un élément. Cette classe désigne un ensemble d éléments auxquels on applique les mêmes propriétés de style CSS. Par exemple : <div class="lesdivs"> Le contenu du div </div> style : permet de spécifier une ou plusieurs règles de style CSS pour l élément. Ce style s applique uniquement à cet élément. Par exemple : <p style=" color:red; font-size:16pt;"> Le contenu du paragraphe Les espacements Lorsque le navigateur affiche un document HTML, les suites de caractères d espacement (qui sont le caractère d espace, la tabulation et le retour à la ligne) sont remplacées par un espace. Si on veut laisser plusieurs espaces entre deux mots du document, il faut utiliser des mécanismes spéciaux qu on verra plus tard. 15

8 1 Programmation du Web De la même façon, lorsque le navigateur rencontre une séquence de retours à la ligne, il les remplace par un espacement. Également, une suite de caractères de tabulation sera remplacée par un seul espace. Si on veut forcer un retour à la ligne, on peut soit ouvrir un nouveau paragraphe avec des éléments tels que <p>, <div>, <br/> (pour break) et d autres. Théoriquement, on peut insérer les balises n importe où dans le texte et les disposer comme on veut. Par exemple, le code ci dessous est un code valide. <!DOCTYPE HTML..." <html> <body> <h1> Espacements et balises </h1> <p>ceci est un paragraphe et ceci est <p> un autre paragraphe.un retour a la ligne avec br. <br/> La suite apparaitra dans la ligne suivante. <h2> Un en-tête</h2> est indiqu&acute avec les balises h1, h2,... </body> </html> Cependant, pour des raisons de lisibilité du code, on doit s efforcer à bien disposer les balises, éviter d insérer des lignes vides et bien montrer, avec des indentations, la structure du document. Également, dans la mesure du possible, il faut éviter d utiliser les espaces inutiles comme l illustre l exemple ci dessous. <!-- Fichier : HTML/document2.html --> <html> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8"> <title>exemple</title> </head> <body> <h1> Espacements et balises </h1> <p> Ceci est un paragraphe et ceci est <p> un autre paragraphe. Un retour a la ligne avec br. <br> La suite apparaitra dans la ligne suivante. <h2> Un en-tête</h2> est indique avec les balises h1, h2,... </body> </html> 16

9 Le langage HTML 1 Résultat : Figure Quelques balises de base L élément <!DOCTYPE > Cet élément indique la version de HTML utilisée. Comme nous le verrons plus loin dans ce chapitre, HTML permet de choisir entre plusieurs versions. Chaque version impose ou n impose pas de contrainte au niveau de la syntaxe utilisée et des balises qu elle permet. La version la moins contraignante est appelée Transitional. Pour l utiliser, on doit insérer au début du document le code suivant : <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" " C est cette version qui est utilisée par défaut si on n inclut pas l élément <!DOCTYPE> dans un document HTML. Dans les exemples de ce livre, afin de faciliter la présentation du langage HTML, nous utiliserons cette version, sauf pour HTML5 que nous présentons au chapitre 5. L élément <html> L élément <html> est l élément qui contient tout le document HTML. Tout document HTML devrait contenir cet élément et se terminer par</html>. Cette balise peut contenir deux sous éléments qui sont <head> suivi de <body>. 17

10 1 Programmation du Web L élément <head> Cet élément apparaît juste après l élément <html>. Il est là pour contenir d autres éléments tels que <title>, <meta>, <link>, <style> et <script> : La balise <title> permet de définir un titre pour le document. Ce titre paraîtra en haut dans la barre d affichage du navigateur. La balise <link> sert à faire un lien avec un fichier externe qui contient une feuille de style (écrite en CSS par exemple) ou un fichier qui contient un script (écrit en JavaScript par exemple). La balise <script> est utilisée pour inclure un programme script écrit en un langage de scriptage tel que JavaScript. La balise <meta> permet d inclure des éléments d information, appelés métadonnées, sur le document HTML courant. Elle peut indiquer, par exemple, une série de mots clés reliés au document qui pourront être utilisés par un moteur de recherche pour indexer le document. Elle peut également contenir des données qui permettent de préciser le type de codage des caractères utilisé dans le document. La balise <style> est utilisée pour inclure des règles de style CSS dans le document. Nous la décrirons au chapitre 2. L élément <body> L élément <body> indique le début du contenu du document qui sera visible dans le navigateur. Il ne peut y avoir qu un seul élément de ce type dans le document. Dans les versions précédentes de HTML, cet élément possédait des attributs de formatage tels que bgcolor pour spécifier la couleur de fond de la page et background pour ajouter une image de fond dans la page. Ces attributs sont devenus obsolètes et sont remplacés par des propriétés CSS. Les caractères qui forment le contenu du corps d un document HTML peuvent avoir des accents (comme é). Cependant, dans certains cas, ces caractères ne paraissent pas correctement dans le navigateur si celui ci n est pas configuré pour bien les interpréter. Pour éviter ces problèmes, on dispose de plusieurs solutions que nous décrirons plus tard dans ce chapitre. En attendant, nous allons utiliser ces caractères accentués sans se soucier de ce problème. Mentionnons pour le moment que si on veut éviter ces problèmes on peut utiliser des codes de caractères proposés par HTML. Par exemple, au lieu d utiliser é on utilisera eacute; et au lieu de à on utilisera agrave;. 18

11 Le langage HTML 1 Les éléments d en tête <h1>, <h2>,, <h6> Ils permettent de définir des têtes de sections dans un document. Les balises <h1>, <h2>, <h6> définissent des en têtes avec des caractères de tailles différentes. <h1> est l élément qui affiche la plus forte taille de caractères (soit 16 points). Les autres éléments ont des tailles plus petites, réduites par saut de deux points lorsqu on passe d un en tête d un niveau donné à l entête du niveau suivant. Par exemple, <h2> utilise une police de taille 14 et <h3> utilise une police de taille 12, etc. Ils créent aussi un nouveau bloc séparé par des espaces avant et après cet en tête. Ces éléments doivent obligatoirement être fermés avec des balises fermantes correspondantes. L exemple suivant illustre l utilisation de ces entêtes. <!-- Fichier : HTML/entetes.html --> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" " <html> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8"> <title> Utilisation des en-têtes HTML </title> </head> <body> <h1>chapitre 1 </h1> <h2>section 1.1</h2> <h3> Sous section </h3> <h3> Sous section </h3> <h3> Sous section </h3> <h2>section 1.2</h2> <h3> Sous section </h3> <h3> Sous section </h3> <h3> Sous section </h3> <h1>chapitre 2</h1> <h2>section 1.2</h2> Le reste des éléments d en-tête : <h4> Entête avec h4 </h4> <h5> Entête avec h5 </h5> <h6> Entête avec h6 </h6> </body> </html> Résultat : Figure

12 1 Programmation du Web Les paragraphes Un paragraphe est défini avec la balise <p>. Cet élément devrait être fermé. Si ce n est pas le cas (comme c est permis dans certaines versions de HTML), le prochain élément de définition de paragraphes (exemple <p>. <h1>, ) est considéré comme une fermeture du paragraphe précédemment défini. Voici des exemples de paragraphes. <!-- Fichier : HTML/paragraphe1.html --> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" " <html> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8"> <title> Paragraphes en HTML </title> </head> <body> <p> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Ceci est en dehors du paragraphe <p> ceci est un autre paragraphe </body> </html> Résultat : Figure 1.4 Un paragraphe défini avec <p> forme un bloc de texte qui laisse de l espace en insérant des lignes vides avant et après. Notons que cette balise peut avoir des attributs de formatage, dont l attribut align qui permet de spécifier si le paragraphe devrait être aligné sur la droite, la gauche, les deux côtés ou bien centré comme le montre l exemple suivant. Cet attribut est devenu obsolète et a été remplacé par l utilisation de propriétés de CSS, comme nous le verrons plus tard. 20

13 Le langage HTML 1 <!-- Fichier : HTML/paragraphe2.html --> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" " <html> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8"> <title> Paragraphes formattes avec align </title> </head> <body> <p align="right"> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. <p align="left"> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. <p align="center"> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. <p align="justify"> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. <center> <p> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. </center> </body> </html> 21

14 1 Programmation du Web Résultat : Figure 1.5 L élément <center> L élément <center> permet de centrer un contenu au centre de la page. Ce contenu peut être n importe quel texte HTML. Par exemple, si on met un paragraphe entre <center> et </center>, celui ci sera centré comme si nous avions utilisé l attribut align=center pour ce paragraphe. Aussi lorsqu on le met autour d un tableau, celui ci sera également mis dans le centre de la page. Il en est de même pour tous les éléments HTML. Cette balise est un exemple de cas où on doit fermer la balise avec </center> pour indiquer l endroit où on doit arrêter ce centrage, sinon, tout le reste du document risque d être centré. Il faut noter qu on va préférer l usage de styles à celui de <center>. On va, pour cela, utiliser un conteneur tel que <p> ou <div> (qu on décrira plus tard) auquel on associera une propriété CSS qui permettra de faire ce centrage. L élément <br /> Cet élément permet de faire un retour à la ligne. Il ne laisse aucune ligne vide entre la ligne courante et la ligne qui suit. L élément <hr /> Cet élément imprime une ligne horizontale qui traverse toute une ligne du navigateur. Dans l exemple suivant, on utilise l élément <br />pour présenter un poème en ajoutant un retour à la ligne après chaque vers. À la fin, on ajoute une ligne horizontale avec <hr/>. 22

15 Le langage HTML 1 <!-- Fichier : HTML/coupures.html --> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" " <html> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8"> <title> Retour et règles en HTML </title> </head> <body> <p> Il était un petit navire <br> Il était un petit navire <br> Qui n avait ja-ja-jamais navigué <br> Qui n avait ja-ja-jamais navigué <br> Ohe! Ohe! <br> Matelot, Matelot navigue sur les flots <br>... <hr> Auteur : Inconnu (Le 26 février 2012) </body> </html> Résultat : Figure 1.6 L élément <pre> La balise <pre> permet d ajouter du texte que le navigateur doit afficher tel qu il est. Les espaces et les retours à la ligne dans le texte seront affichés. On utilise cette balise si on veut qu un texte soit affiché tel qu il paraît dans le code sans que le navigateur modifie son affichage. On doit fermer cette balise avec </pre> pour marquer la fin du texte auquel elle s applique. L exemple qui suit permet d afficher un extrait d un poème. Les vers de ce poème seront affichés à raison d un vers par ligne. Les espacements seront également conservés. 23

16 1 Programmation du Web <!-- Fichier : HTML/pre.html --> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" " <html> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8"> <title> pre </title> </head> <body> <pre> </pre> </body> </html> Résultat : Figure 1.7 Aux arbres Arbres de la forêt, vous connaissez mon âme! Au gré des envieux, la foule loue et blâme ; Vous me connaissez, vous! - vous m avez vu souvent, Seul dans vos profondeurs, regardant et rêvant. Vous le savez, la pierre où court un scarabée, Une humble goutte d eau de fleur en fleur tombée,... Victor Hugo. 1.3 Les hyperliens Un hyperlien est créé avec la balise <a> (qui signifie ancrage). Le contenu de cet élément constitue le lien sur lequel l usager peut cliquer pour atteindre une cible. Cette cible est indiquée dans l attribut href dont le contenu est une adresse URL comme dans : <a href= Lien vers le site de IBM </a> L URL est un mécanisme permettant de localiser une page sur un site Web ou simplement un fichier local comme le montre l exemple suivant avec des hyperliens tels que : 24