Télécharger la présentation
La présentation est en train de télécharger. S'il vous plaît, attendez
1
eXtensible HyperText Markup Language
XHTML eXtensible HyperText Markup Language
2
HTML Sommaire Les formulaires Les MAPs Les iFRAMES
3
Les Formulaires <form action="url"> ... </form>
<form action method enctype> ... </form> <form> <input> <select> <textarea> </form>
4
Les Formulaires : éléments input
<input type="text" name="dutexte" id="dutexte" /> <input type="hidden" name="cachecache" id="cachecache"/> <input type="password" name="pwd" id="pwd"/> <input type="checkbox" name="coche1" id="coche1" /> <input type="radio" name="choix1" id="choix1"/> <input type="submit" value="envoyer" /> <input type="reset" value="annuler" /> <input type="image" src="go.jpg" name="imagego" /> <input type="file" name="fichier" />
5
Les Formulaires : listes déroulantes
<select name="os" id="os"> <option value="win">windows</option> <option value="mac">mac os</option> <option value="lin">linux</option> </select>
6
Les Formulaires : zone de saisie
<textarea cols="40" rows="20" name="saisie" id="saisie"> ecrivez quelquechose </textarea>
7
Les Formulaires : labels
La balise LABEL permet d'associer une zone de texte avec un champ. <label for="nom" id="label-nom">Donnez votre nom </label> <input type="text" name="nom" id="nom" />
8
Les MAPs <map name="nomdemacarte">
<area shape="forme" coords= "valeur_coordonnées" href="url1" target="idcible" /> <area shape="forme" coords= "valeur_coordonnées" href="url2" target="idcible"/> <area shape="forme" coords= "valeur_coordonnées" href="url3" target="idcible"/> </map> <img src="nom de l'image" usemap="#nomdemacarte">
9
Les MAPs shape peut être: rect circle poly coords doit être pour:
rect : xhautgauche, yhautgauche, xbasdroit, ybasdroit circle : xcentre, ycentre, rayon poly : x1,y1,x2,y2, … toutes les coordonnées sont relatives au coin haut gauche de l'image.
10
Les IFRAMES Les iframes permettent d'include une page html externe dans un cadre d'une page html. <html> <body> bonjour<br /> ceci est une page contenant des iframes:<br /> <iframe name="moniframe" id="moniframe" width="300" height="150" src="pageiframe.html" /> </body> </html> index.html <html> <body> <h1>coucou je suis l'iframe!</h1> </body> </html> pageiframe.html
11
Imagemap et iframe index.xhtml guillet.xhtml
12
Imagemap et iframe
Présentations similaires
