Html : quelques trucs en vrac

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