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