Le langage HTML
Transcription
Le langage HTML
Permet de définir des hyper-documents multimédia, répartis Langage de balises structure du document (H1, H2, ...) présentation (SMALL, B, ...) aspects dynamiques (SCRIPT, FORM, ...) <html> <head><title>Ceci est un essai</title></head> <body bgcolor="white"> <h1>Ceci est un essai</h1> <hr/> C'est une liste :<p/> <ul> <li>element 1</li> <li>element 2</li> </ul> </body> </html> Un document peut référencer un autre document au moyen d'une balise A HREF en désignant le document cible <A HREF="toto.html"> désigne le fichier de nom toto.html (on peut aussi désigner le fichier de manière absolue par une URL) Le document référencé peut se situer sur une autre machine Applications BD/Web - 1 Les formulaires HTML Uniform Resource Locator Mécanisme d'adressage UNIQUE d'un fichier Protocole://serveur-web/chemin-au-fichier Un formulaire autorise l’interactivité entre le client et le serveur Un formulaire contient: http://www-inf.int-evry.fr/~defude/index.html des zones de saisie avec des boutons, des listes de choix, .. un attribut action qui définit l'URL d'un programme exécutable sur le serveur un attribut method qui définit le mode de transfert des données vers le programme demande via http à la machine de nom www-inf.int-evry.fr d'un fichier localisé sur la racine du compte de l'utilisateur defude et qui s'appelle index.html ftp://ftp.int-evry.fr <form name="f1" nom du formulaire action="http://www-inf.int-evry.fr/prog.cgi" method="get" target="resultat"> ... </form> url du programme CGI Un formulaire comprend un ensemble de variables déclarées par des balises INPUT <input optionnel type="hidden" ou "submit" name="nom" value="10" mode d'invocation du CGI optionnel nom fenêtre résultat > nom de la variable valeur par défaut Applications BD/Web - 2 ! <input type="hidden" name="cru" value="cornas"> attribut de nom cru défini comme champ caché <input name="numero" value="10"> attribut de nom numéro qui sera affiché <input type="submit" value="lancer"> bouton de libellé lancer qui permettra d'activer le CGI <html><body> <form name="f1" action="http://www-inf.int-evry.fr/prog.cgi" method="get" target="resultat"> Donner une valeur pour att1 : <input name="att1" value="0"> <input type="hidden" name="att2" value=""> <input type="submit" value="lancer"> </form> </body></html> Applications BD/Web - 3