Html et html5 1 - pierre

Transcription

Html et html5 1 - pierre
WEB :
Commandes Html :
➔ Table :
cellspading
cellpadding
À insérer dans <th>ou
<tr> ou <td>
(la colonne, la ligne ou la case)
<table border=''n''><caption align=''top''> nom du tableau </caption>
Si ''n'' vaut 0 on n'a pas de bordures, le nom du tableau peut être au-dessus ou en-dessous (''bottom'')
On peut spécifier des choses pour chaque ligne ou chaque colonne, exemple :
<table><tr><td align=''center''></td></tr></table> (les commandes ''width'' et ''heigh'' fonctionnent)
colspan=''n''
: fusionner ''n'' cellules horizontalement
rowspan=''n''
: fusionner ''n'' cellules verticalement
valign=''top'' (''middle'' ou ''bottom'') : positionner le texte en haut de la cellule (au milieu, en bas)
➔ Le formulaire :
Il commence toujours par la balise <form> :
<form action=''url'' method=''post'' enctype='' '' name=''form1''>...</form>
action : fournit une adresse url sur laquelle la requête issue de la ''form'' va être envoyée
method=''post'' ou =''get'' →
post : passe par un canal interne
get : passe par l'URL
enctype : type de cryptage
*La commande <input> est utilisée pour spécifier les caractéristiques de la commande clavier (ou
souris) désirée. Il existe différents attributs d'input :
-text : entrée de type texte
-checkbox : boite à cocher
-hidden : cacher des infos dans la page html
-password : entrer des mots de passe
-radio : pouvoir ne cocher qu'un choix sur plusieurs
-submit : bouton poussoir
-name : nom de la balise
Exemples : <input type=''text'' name=''test'' maxlength=''5''/>
← Maximum de 5 caractères
_________________
<input type=''radio'' name=''formation'' value=''DUT'' checked=''checked''/> ← Coché par défaut
<input type=''radio'' name=''formation'' value=''Licence''/>
<input type=''radio'' name=''formation'' value=''Bac''/>
_________________
<input type=''submit'' value=''Soumettre''/>
<input type=''reset'' value=''Annuler''/>
*Liste déroulante <select>
<select name=''liste'' size=''3''>
← Affiche 3 éléments en même temps (non obligatoire)
<option value=''seconde'' name=''seconde'' selected=''selected''>seconde</option> ← Sélectionné de base
<option value=''premiere'' name=''premiere''>première</option>
<option value=''terminale'' name=''terminale''>terminale</option>
<select>
*Les iframes <iframe>, permettent de définir une page html à l'intérieur d'une autre page html :
<iframe src=''intro.html'' width=''400'' heigh=''200''>
Désolé vous n'avez pas IE5 ! ← Message si l'explorateur ne peut pas afficher l'iframe
</iframe>