Spécialisation du HTML : Francis Gagné

Spécialisation de la page personnelle

Sélection de lien (boîte), Insertion de son, Formulaire pour commentaire, Tableau, Cadre, HTML

Boite de liste pour lien

<FORM>
<SELECT NAME="listeder" SIZE=1>
<OPTION SELECTED VALUE="">Faite votre sélection
<OPTION VALUE="index.htm">HTML
</SELECT>
<INPUT TYPE="button" VALUE="OK" onClick="if (form.listeder.selectedIndex != 0) location = form.listeder.options[form.listeder.selectedIndex].value; else alert('Veuillez faire un choix au menu.')">
</FORM>

Donne ceci (si vous voulez en rajouter, ajouter simplement <Option Valute="lien">Titre)

Sélection de lien (boîte), Insertion de son, Formulaire pour commentaire, Tableau, Cadre, HTML

Insertion de son

Son (Netscape ou Internet Explorer 3.0 et +)
<EMBED SRC="fichier.mid" WIDTH=12 HEIGHT=23 LOOP=true AUTOSTART=true HIDDEN=true>
Loop = nombre de répétition
Autostart = démarrage automatique
Hidden = cache le panneau de contrôle

Son (Explorer)
<BGSOUND SRC="fichier.wav" LOOP=1>

WIDTH=145 HEIGHT=16 CONTROLS=SMALLCONSOLE panneau de contrôle réduit (Explorer & Netscape)
VOLUME= valeur entre 0 et 100

Sélection de lien (boîte), Insertion de son, Formulaire pour commentaire, Tableau, Cadre, HTML

Formulaire pour commentaire

Formulaire (ne pas essayer sur la page) qui marche seulement pour Netscape
Pour être conforme aux deux fureteurs, demander à votre fournisseur d'internet de vous spécifier un CGI-BIN pour la conversion des accents, pour certains ce n'est pas gratuit.
<FORM ACTION="mailto:usager@fournisseur" METHOD=GET ENCTYPE="text/plain">
<TEXTAREA NAME="commentaire" COLS=40 ROWS=7>Salut Francis,
</TEXTAREA><BR><BR> <SELECT NAME="Liste déroulante">
<OPTION VALUE="Geniale !"> Géniale !
<OPTION VALUE="Passable"> Passable
</SELECT>
<INPUT TYPE="checkbox" NAME="marquage" VALUE="Vous pouvez enlever la coche en...">
<BR>Vous pouvez enlever la ..
<INPUT TYPE="radio" NAME="selection" VALUE="Pour enlever votre choix .."> Pour enlever votre choix
<INPUT TYPE="text" NAME="URL" SIZE=40 MAXLENGTH="40" VALUE="http://"> vous pouvez vous en servir ..
<INPUT TYPE="submit" VALUE="Transmettre">
<INPUT TYPE="reset" VALUE="Recommencer">
</FORM>

Ce qui donne

Sélection de lien (boîte), Insertion de son, Formulaire pour commentaire, Tableau, Cadre, HTML

Tableau

Haut à gauche Haut à droite

En bas

<TABLE WIDTH=40% HEIGHT=50% BORDER=2 CELLSPACING=3>
<TR>
<TD BGCOLOR="#C0C0C0" BORDERCOLOR="#FFFFFF">
Haut à gauche
</TD>
<TD BGCOLOR="#0000FF" BORDERCOLOR="#FFFFFF">
Haut à droite
</TD>
</TR>
<TR>
<TD COLSPAN=2 BGCOLOR="#808080" BORDERCOLOR="#FFFFFF">
<B>En bas</B>
</TD>
</TR>
</TABLE>
<TR> signifie le nombre de rangés dans le tableau
<TD> signifie le nombre de colonnes dans le tableau
BORDERCOLOR (Explorer)
CELLSPACING espace entre les cellules
COLSPAN signifie que la rangé prend tant de cellules disposées en colonne

Sélection de lien (boîte), Insertion de son, Formulaire pour commentaire, Tableau, Cadre, HTML

Cadre ou frame <HTML>
<HEAD>
<TITLE>Frame</TITLE>
</HEAD>
<FRAMESET ROWS="74%,*">
<FRAME NAME="modifie" SRC="modifie.htm"> * Cadre MODIFIE
<FRAMESET COLS="50%,*">
<FRAME NAME="menu" SRC="menu.htm"> * Cadre MENU
<FRAME NAME="courrier" SRC="mail.htm">
</FRAMESET> * Si vous rajoutez une rangée ou une colonne insérer </FRAMESET> ici
<NOFRAMES>
<BODY>
Vous mettez ici, les infos pour les navigateurs qui ne supportent pas les cadres
</BODY>
</NOFRAMES>
</FRAMESET>
</HTML>

Faites des essais sur les chiffres ROW (par d'en haut) et COLS (par de la gauche pour la partition des colonnes et des rangés).
P.S.: Si vous voulez avoir plus de rangés ou de colonnes, il vous suffit tout de rajouter <FRAMESET ROWS="74%,*"> et de mettre </FRAMESET> pour terminer la commande que vous devez le placer où j'ai mis le *.
Remarque : Si vous mettez un lien dans le cadre MENU du fichier menu.htm et que vous voulez que votre lien ouvre dans le cadre MODIFIE dont le fichier source par défaut est modifie.htm, faite ceci <A HREF="lien à ouvrir" TARGET="modifie">Texte vue</A>

Sélection de lien (boîte), Insertion de son, Formulaire pour commentaire, Tableau, Cadre, HTML