eXtensible HyperText Markup Language XHTML eXtensible HyperText Markup Language
HTML Sommaire Les formulaires Les MAPs Les iFRAMES
Les Formulaires <form action="url"> ... </form> <form action method enctype> ... </form> <form> <input> <select> <textarea> </form>
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" />
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>
Les Formulaires : zone de saisie <textarea cols="40" rows="20" name="saisie" id="saisie"> ecrivez quelquechose </textarea>
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" />
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">
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.
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
Imagemap et iframe index.xhtml guillet.xhtml
Imagemap et iframe