Différences
Ci-dessous, les différences entre deux révisions de la page.
| Les deux révisions précédentes Révision précédente Prochaine révision | Révision précédente | ||
|
projets:ecole:web:initiation_xhtml [Le 22/12/2006, 18:49] _Enchained |
projets:ecole:web:initiation_xhtml [Le 23/02/2021, 08:06] (Version actuelle) Amiralgaby tag n'étant pas utilisé ailleurs supprimé |
||
|---|---|---|---|
| Ligne 1: | Ligne 1: | ||
| + | {{tag>programmation internet}} | ||
| + | |||
| + | ---- | ||
| + | |||
| ====== Initiation au XHTML ====== | ====== Initiation au XHTML ====== | ||
| Ligne 28: | Ligne 32: | ||
| Certaines balises n'ont qu'un seul élément. On pourrait les qualifier de balises //simples// ou //auto-fermantes// (Note: ces termes sont personnels).\\ | Certaines balises n'ont qu'un seul élément. On pourrait les qualifier de balises //simples// ou //auto-fermantes// (Note: ces termes sont personnels).\\ | ||
| Elle ressemble alors a une balise ouvrante fermée à la fin. exemple : ''<br />'' | Elle ressemble alors a une balise ouvrante fermée à la fin. exemple : ''<br />'' | ||
| + | |||
| ==== Attributs ==== | ==== Attributs ==== | ||
| - | Les balises peuvent prendre des atributs.\\ | + | Les balises peuvent prendre des attributs.\\ |
| Ces attributs auront une valeur associée.\\ | Ces attributs auront une valeur associée.\\ | ||
| La syntaxe est : | La syntaxe est : | ||
| Ligne 219: | Ligne 224: | ||
| Par défaut les éléments de type inline sont placés "dans le flux", c'est à dire à la suite du texte sans en perturber la disposition. Ils ont aussi des marges internes et externes nulles. | Par défaut les éléments de type inline sont placés "dans le flux", c'est à dire à la suite du texte sans en perturber la disposition. Ils ont aussi des marges internes et externes nulles. | ||
| + | |||
| Ligne 275: | Ligne 281: | ||
| Les formulaires permettent au visiteur de communiquer avec votre page, ou vous même. Ils permettent au visiteur d'entrer des données qui seront alors traitées par la suite. | Les formulaires permettent au visiteur de communiquer avec votre page, ou vous même. Ils permettent au visiteur d'entrer des données qui seront alors traitées par la suite. | ||
| - | La balise ''<form> </form>'' délimite un formulaire. Au minimum, il fat spécifier l'attribut ''action'' au formulaire. Par soucis de lisibilité, on spécifiera aussi l'attribut ''method''. | + | La balise ''<form> </form>'' délimite un formulaire. Au minimum, il faut spécifier l'attribut ''action'' au formulaire. Par soucis de lisibilité, on spécifiera aussi l'attribut ''method''. |
| L'attribut ''action'' définit la cible où seront envoyées les données du formulaire.\\ | L'attribut ''action'' définit la cible où seront envoyées les données du formulaire.\\ | ||
| Ligne 400: | Ligne 406: | ||
| </code> | </code> | ||
| == Image == | == Image == | ||
| - | Pour insérer une image dans le document, on utilise la balise ''<img />''. Ces attributs minimaux sont ''src'' qui spécifie le chemin de l'image et ''alt'' qui donne un texte alternatif, au cas où l'image ne pourrait être affichée (raisons techniques, navigateurs en mode texte, ou synthétiseur vocaux...) | + | Pour insérer une image dans le document, on utilise la balise ''<img />''. Ses attributs minimaux sont ''src'' qui spécifie le chemin de l'image et ''alt'' qui donne un texte alternatif, au cas où l'image ne pourrait être affichée (raisons techniques, navigateurs en mode texte, ou synthétiseurs vocaux...) |
| <code> | <code> | ||
| <img src="mon_image.png" alt="texte alternatif" /> | <img src="mon_image.png" alt="texte alternatif" /> | ||
| Ligne 471: | Ligne 477: | ||
| <code><input type="submit" value="OK" /></code> | <code><input type="submit" value="OK" /></code> | ||
| Lorsque l'on clique sur ce bouton, le contenu du formulaire est envoyé en fonction des paramètres ''action'' et ''method'' passés à la balise ''form''. | Lorsque l'on clique sur ce bouton, le contenu du formulaire est envoyé en fonction des paramètres ''action'' et ''method'' passés à la balise ''form''. | ||
| + | |||
| + | ---- | ||
| + | |||
| + | //Contributeurs : [[:utilisateurs:_Enchained]]// | ||