Html : quelques trucs en vrac |
Les Formulaires
Form attributs
- Method="post" (Pour un formulaire classique) ou "get" (ex pour définir un moteur de recherche sur votre site).
- Action="http://nom_serveur/cgi-bin/ma_cgi.pl" pour un traitement par une CGI (fourni par le serveur qui héberge vos pages) ou "mailto:webmaster@allhtml.com" pour l'envoie vers une mail.
-
ENCTYPE : Cet attribut spécifie le format des données envoyées dans le cas où un protocole n'imposerait pas un format précis.
- Il possède plusieurs valeurs dont :
- "text/plain" : Valeur utilisée dans le cas d'un formulaire classique.
- "multipart/form-data" : Valeur utilisée dans le cas où le formulaire comprendrait un fichier attaché.
Exemple simple de MailTo : <FORM ACTION="mailto:moi.toto@free.fr" METHOD=POST ENCTYPE="text/plain">
Saisie d'un champ
La balise <INPUT TYPE="text" ... > permet à l'utilisateur de saisir une ligne de texte. Elle a les attributs suivants :
- NAME : Définit le nom de la donnée (obligatoire).
- SIZE : Définit la taille visible du champ en nombre de caractères.
- MAXLENGHT : Taille maximale de caractères autorisés.
- VALUE : Définit le texte par défaut à l'intérieur du champ.
Autres attributs :
- password : Code secret.
- range : Permet de définir un espace de saisie numérique (exemple entre 0 et 50, min="0" max="50").
Boîte de texte multiligne
C'est la balise <TEXTAREA> qui est utilisée pour réaliser une boîte de texte multiligne. Cette balise est surtout choisie pour permettre aux visiteurs de votre site de laisser un commentaire ou de taper un texte quelconque.
Ses attributs sont :
- NAME : Définit le nom de la donnée (obligatoire).
- ROWS : Définit le nombre de lignes dans la boîte de saisie.
- COLS : Définit le nombre de colonnes (en caractères) dans la boîte de saisie.
- READONLY : Spécifie que la boîte multiligne est en mode lecture seulement.
A noter que si du texte se trouve à l'intérieur des balises <TEXTAREA> et </TEXTAREA> il va alors apparaître comme texte par défaut.
Les Feuiles de style
Les classes
Definition: .toto {FONT-FAMILY: Arial, Verdana ....}
Appel : <TD class="toto">
FONT-FAMILY : nom précis (Arial, "Times New Roman", Verdana, Helvetica...) ou famille (Serif, sans-Serif, fantasy, monospace...)
On en prévoie plusieurs si le visiteur ne a pas celle que l'on désire.
Les Frames
Programme principal
<html>
<head></head>
<frameset rows=15%,85%">
<frame src="cdmi01.html" name="haut">
<frameset cols="30%,70%">
<frame src="cdmi11_menu.html" name="gauche">
<frame src="cdmi11_corps.html" name="droite">
</frameset>
</html>
Prog gauche de type menu
<html>
<head></head>
<body>
<ul>
<li><a href="cdmi10_corps.html#intro" target="droite">Introduction</a></li><br/><br/>
<li><a href="cdmi10_corps.html#chap1" target="droite">Chapitre 1</a></li><br/><br/>
<li><a href="cdmi10_corps.html#chap2" target="droite">Chapitre 2</a></li><br/><br/>
....
</ul>
</body>
</html>
L'appel à une fenêtre se fait par la variable TARGET :
dans une définition de lien : <A HREF="url" TARGET="window_name">Targeted Anchor</A>
dans une balise BASE : <BASE TARGET="window_name">
dans un champ AREA : <AREA SHAPE="shape COORDS="x,y,..." HREF="url" TARGET="window_name">
dans une balise FORM : <FORM ACTION="url" TARGET="window_name">
Ainsi chacune de ces balises appellera la fenêtre définie par la directive NAME.
La balise TARGET doit être définie par une chaine de caractères commençant par une lettre de l'alphabet.
Enfin les champs particuliers peuvent être attribués à TARGET, ils commencent par le caractère _:
TARGET="_blank" : force l'appel d'une nouvelle page. Cliquez ici
TARGET="_self" : Force l'appel d'une page dans la même fenêtre (Evite les multiplications de fenêtres). Cliquez ici
TARGET="_parent" : Force l'appel à la page mère (permet de revenir en mono fenêtre).
TARGET="_top" : Force l'appel à la première page de la liste.
Ainsi cliquer pour rafraîchir