Texte1<BR CLEAR=RIGHT>
Texte2<BR>
Texte3<BR>
<BR CLEAR=ALL>
Exemple: on peut voir l'utilité de l'attribut ALIGN dans la commande IMG SRC et de l'attribut CLEAR dans la commande BR.
Résultat:
Texte1Texte2
Texte3
Cette commande permet de modifier la couleur, la police ou la dimension du lettrage.
SIZE=nombre
Permet de modifier la taille du lettrage. La valeur par défaut est de 3.
FACE=police(s)
Permet de changer la police de caractère du lettrage. Les polices acceptées sont: ARIAL, COURIER, etc.
COLOR=couleur
Permet de définir la couleur du lettrage global du document. Les valeurs acceptées sont les noms des couleurs prédéfinis ou le code hexadécimal de la couleur désirée.
CLASS=nom
Spécifie le nom de la classe donnée à la feuille de style.
ID=nom
Associe un nom à une cible dans un lien hypertexte ou à un élément particulier dans une feuille de style associée.
STYLE=nom
Spécifie une feuille de style intraligne.
Événements:
Extensions Microsoft Explorer:
onclick, ondblclick, onhelp, onmousedown, onmousemove, onmouseout, onmouseover, onmouseup
<FONT SIZE=”5” COLOR="#FF0000" FACE="Alaska"> Cet exemple </FONT>
a une dimension de 5, une couleur rouge et une police de caractère de type Alaska.
Résultat:
Cet exemple a une dimension de 5, une couleur rouge et une police de caractère de type Alaska.
La commande FORM permet à un utilisateur de transmettre de l'information à un serveur.
ACTION=URL
Cet attribut spécifie l'adresse URL (de type: http, afs, ftp, gopher, file, mailto, news, newsrc, nntp, telnet, wais) qui va recevoir les informations entrées dans le formulaire. Si le champ ACTION est absent, l'URL sera celle du document courant.
Type d'adresses URL:
| http: | Protocole de transfert hypertexte |
| gopher: | Protocole Gopher |
| ftp: | Protocole de transfert de fichiers |
| file: | Les fichiers locaux. (e.g. sur votre système) |
| news: | Protocole de réseau de transfert de nouvelles |
| nntp: | Nouvelles Usenet |
| mailto: | Adresse électronique |
| telnet: | Protocole utilisant Telnet |
| wais: | Protocole de serveur d'information à large zone Wide Area Information Server Protocol) |
TARGET=cible
Spécifie le cadre destination. Ceci permet de définir un cadre comme page de résultat.
METHOD=GET | POST
Cet attribut définit la méthode d'accès au serveur http. Il y a deux méthodes d'accès, GET et POST. La méthode GET fait en sorte que votre information doit passer par la variable QUERY_STRING pour interpréter les données. Cette méthode devrait être utilisée quand l'objet de la demande est d'obtenir de l'information du serveur. À l'opposé, changer ou ajouter des informations au serveur se fait par la méthode POST. Celle-ci provoque l'envoi des messages complets au serveur
NAME=nom
Spécifie le nom du formulaire pour maninupation dans les scripts.
CLASS=nom
Spécifie le nom de la classe donnée à la feuille de style.
ID=nom
Associe un nom à une cible dans un lien hypertexte ou à un élément particulier dans une feuille de style associée.
STYLE=nom
Spécifie une feuille de style intraligne.
Extensions Netscape:
ENCTYPE="text/plain" | "application/x-www-form-urlencoded"
Cet attribut spécifie le format des données envoyées dans le cas où un protocole n'imposerait pas un format précis.
Événements:
onreset, onsubmit
Extensions Microsoft Explorer:
ondblclick, onhelp, onmousedown, onmousemove, onmouseout, onmouseover, onmouseup
1. Dans cet exemple, les données du formulaire seront envoyées à une adresse URL, spécifiée par l'attribut ACTION. L'attribut ENCTYPE spécifie un format de données texte.
<FORM METHOD=GET ACTION="http://www.monsite.com" ENCTYPE="text/plain">
...
</FORM>
2. Dans cet exemple, les données du formulaire seront envoyées à une adresse électronique.
<FORM METHOD=POST ACTION="mailto:monadresse@monsite.com">
...
</FORM>
La commande FRAME définit un cadre à l'intérieur d'un <FRAMESET>.
BORDERCOLOR=couleur
Permet de spécifier la couleur de la bordure.
FRAMEBORDER=yes | no
Cet attribut permet de déterminer si les cadres auront ou n'auront pas de bordure.
NAME=nom
Cet attribut permet de donner un nom à un cadre. De cette façon, on peut employer ce nom comme destination (TARGET) d'un lien provenant d'autres documents. L'attribut NAME est obligatoire.
MARGINWIDTH=nombre
L'attribut MARGINWIDTH est utilisé lorsque l'on veut spécifier la grandeur des marges de gauche et de droite d'un certain cadre. La valeur spécifiée doit être exprimée en pixel. La valeur minimum est de 1 pixel. Cet attribut est optionnel, par défaut les navigateurs déterminent la grandeur appropriée pour la marge.
MARGINHEIGHT=nombre
L'attribut MARGINHEIGHT est utilisé lorsque l'on veut spécifier la grandeur des marges de haut et de bas d'un certain cadre. La valeur spécifiée doit être exprimée en pixel. La valeur minimum est de 1 pixel. Cet attribut est optionnel, par défaut les navigateurs déterminent la grandeur appropriée pour la marge.
NORESIZE
Cet attribut indique que le cadre ne peut être redimensionné par l'utilisateur. NORESIZE est optionnel et par défaut, tous les cadres peuvent être redimensionnés.
SCROLLING=yes | no | auto
Cet attribut permet d'attribuer ou non une barre de défilement (scrollbar) à un cadre. Une valeur Yes indique que la barre de défilement est toujours visible sur le cadre en question. Par contre, la valeur No fait en sorte que la barre de défilement ne soit jamais visible. La valeur Auto laisse le navigateur déterminer si la barre de défilement est nécessaire. L'attribut SCROLLING est optionnel et la valeur par défaut est Auto.
SRC=URL
Cet attribut indique l'URL du document HTML qui sera affiché dans un cadre spécifique.
CLASS=nom
Spécifie le nom de la classe donnée à la feuille de style.
ID=nom
Associe un nom à une cible dans un lien hypertexte ou à un élément particulier dans une feuille de style associée.
STYLE=nom
Spécifie une feuille de style intraligne.
Extensions Microsoft Explorer:
FRAMESPACING=nombre
Cet attribut permet d'ajuster l'espace entre les cadres. La valeur doit être en pixel.
Extensions Netscape:
BORDER=nombre
Cet attribut permet d'ajuster l'espace entre les cadres. La valeur doit être en pixel.
Événements:
onfocus, onload, onunload
Extensions Netscape:
onblur, onmove, onresize
<HTML>
<HEAD>
</HEAD>
<FRAMESET COLS="33%,*">
<FRAME NAME="nom1" SRC="Test1.html">
<FRAMESET ROWS="33%,*">
<FRAME NAME="nom2" SRC="Test2.html" SCROLLING="no">
<FRAME NAME="nom3" SRC="Test3.html" SCROLLING="yes">
</FRAMESET>
<NOFRAMES>
<BODY>
Contenu de votre document pour les utilisateurs qui naviguent sans les cadres.
</BODY>
</NOFRAMES>
</FRAMESET>
</HTML>
L'index
de ce site en est aussi un exemple
Page Avec Frames
La commande FRAMESET est le contenant principal des cadres (FRAME). Dans un document utilisant les cadres, il n'y a pas de section BODY et aucune balise ne peut apparaître, sinon elle sera ignorée.
ROWS= « liste de valeurs de la hauteur des rangées »
COLS= « liste de valeurs de largeur des colonnes »
Les attributs ROWS et COLS prennent une liste de valeurs séparées par des virgules. Ces valeurs peuvent être en pixels (valeur absolue), en pourcentage entre 1 et 100 ou en valeurs relatives. La hauteur de toutes les rangées ou la largeur de toutes les colonnes doit correspondre à la hauteur ou à la largeur de la fenêtre. Une valeur de rangée ou de colonne manquante est interprétée comme une hauteur de rangée ou une largeur de colonne s'ajustant automatiquement.
Définition des valeurs:
valeur
Une valeur numérique indique une grandeur fixe exprimée en pixel. Leur utilisation peut poser un problème, car la grandeur de la fenêtre des différents clients peut varier considérablement de l'une à l'autre.
valeur%
On peut indiquer une valeur en pourcentage entre 1 et 100. Si le total de tous les pourcentages dépasse 100%, alors les pourcentages sont ramenés à l'échelle. Si le total représente moins de 100% et qu'il existe des cadres avec grandeur relative, alors l'espace restant leur est attribué. S'il n'y a pas de cadre avec grandeur relative, alors les pourcentages sont augmentés de façon à atteindre 100%.
valeur*
Un caractère ‘*' représente un cadre de grandeur relative pour lequel on attribue l'espace restant de la fenêtre. S'il s'agit de cadres multiples de grandeur relative, alors l'espace restant est divisé entre eux. Il peut y avoir une valeur placée devant le caractère ‘*'. Ceci indique que le cadre requiert plus d'espace que les autres. « 2*,* » indiquerait que le premier cadre prendrait 2/3 de l'espace disponible et que l'autre cadre ne prendrait que 1/3.
BORDERCOLOR=couleur
Cet attribut permet de déterminer la couleur de l'ensemble des bordures des cadres. La valeur acceptée représente une couleur en hexadécimal. Cet attribut peut également se trouver dans la commande <FRAME>. Si l'attribut se trouve dans la commande <FRAME>, il a préséance sur celui se trouvant dans la commande <FRAMESET>.
COLS= « liste de valeurs de largeur des colonnes »
Voir la description « Syntaxe des valeurs » plus haut.
FRAMEBORDER=yes | no
Cet attribut permet de déterminer si les cadres auront ou n'auront pas de bordure.
ROWS= « liste de valeurs de la hauteur des rangées »
Voir la description « Syntaxe des valeurs » plus haut.
CLASS=nom
Spécifie le nom de la classe donnée à la feuille de style.
ID=nom
Associe un nom à une cible dans un lien hypertexte ou à un élément particulier dans une feuille de style associée.
STYLE=nom
Spécifie une feuille de style intraligne.
Extensions Netscape:
BORDER=nombre
Cet attribut permet de changer l'épaisseur de l'ensemble des bordures des cadres. La valeur doit être en pixel.
Extensions Explorer:
FRAMESPACING=nombre
Cet attribut permet de déterminer un espace entre les cadres.
Événements:
onblur, onfocus, onload, onunload
Extensions Netscape:
onmove, onresize
Extensions Microsoft Explorer:
onclick, ondblclick, onhelp, onmousedown, onmousemove, onmouseout, onmouseover, onmouseup
<HTML>
<HEAD>
</HEAD>
<FRAMESET COLS="33%,*">
<FRAME NAME="nom1" SRC="Test1.html">
<FRAMESET ROWS="33%,*">
<FRAME NAME="nom2" SRC="Test2.html" SCROLLING="no">
<FRAME NAME="nom3" SRC="Test3.html" SCROLLING="yes">
</FRAMESET>
<NOFRAMES>
<BODY>
Contenu de votre document pour les utilisateurs qui naviguent sans les cadres.
</BODY>
</NOFRAMES>
</FRAMESET>
</HTML>
L'index
de ce site en est aussi un exemple
Vous ne devez normalement pas mettre de Frames sur votre page d'accueil pour un meilleur référencement.
Le HTML a six niveaux d'en-tête numérotés de un à six. Le premier niveau (H1) affiche le texte en plus large et/ou plus foncé et le sixième niveau (H6) en plus petit.
ALIGN=CENTER | LEFT | RIGHT
Spécification de l’alignement du texte au centre, à gauche ou à droite. Par défaut à gauche.
CLASS=nom
Spécifie le nom de la classe donnée à la feuille de style.
ID=nom
Associe un nom à une cible dans un lien hypertexte ou à un élément particulier dans une feuille de style associée.
STYLE=nom
Spécifie une feuille de style intraligne.
Événements:
Extensions Microsoft Explorer:
onclick, ondblclick, onhelp, onmousedown, onmousemove, onmouseout, onmouseover, onmouseup
<H1>Un en-tête H1</H1>
<H2>Un en-tête H2</H2>
<H3>Un en-tête H3</H3>
<H4>Un en-tête H4</H4>
<H5>Un en-tête H5</H5>
<H6<Un en-tête H6</H6>
Résultat:
Tête du document qui donne la description générale de la page HTML.
CLASS=nom
Spécifie le nom de la classe donnée à la feuille de style.
ID=nom
Associe un nom à une cible dans un lien hypertexte ou à un élément particulier dans une feuille de style associée.
STYLE=nom
Spécifie une feuille de style intraligne.
<HTML>
<HEAD>
<TITLE>Document 1</TITLE>
</HEAD>
</BODY>
…
</BODY>
</HTML>
Cette commande permet d'insérer une ligne horizontale dans le document.
ALIGN=LEFT | RIGHT | CENTER
Permet de justifier la ligne horizontale à droite, à gauche ou au centre de la page.
SIZE=nombre
Permet de spécifier l'épaisseur de la ligne horizontale.
WIDTH=nombre
Permet de spécifier la largeur de la ligne horizontale en proportion avec la largeur de la page.
NOSHADE
Permet d'avoir une ligne de trait noir normal.
CLASS=nom
Spécifie le nom de la classe donnée à la feuille de style.
ID=nom
Associe un nom à une cible dans un lien hypertexte ou à un élément particulier dans une feuille de style associée.
STYLE=nom
Spécifie une feuille de style intraligne.
Extensions Microsoft Explorer:
COLOR=couleur
Avec le navigateur de Microsoft, vous pouvez spécifier une couleur à la ligne horizontale. Les valeurs acceptées sont les noms des couleurs de Microsoft ou le code hexadécimal correspondant.
Événements:
Extensions Microsoft Explorer:
onclick, ondblclick, onhelp, onmousedown, onmousemove, onmouseout, onmouseover, onmouseup
Une ligne de texte.
<HR SIZE=3 WIDTH=50% ALIGN=RIGHT>
Une nouvelle ligne de texte.
Résultat:
Une ligne de texte
Une nouvelle ligne de texte.
Spécifie que le fichier est un document HTML. La commande <HTML> ne possède pas d'attribut.
<HTML>
<HEAD></HEAD>
<BODY>
<P>Il s'agit d'un document HTML.
</BODY>
</HTML>
Cette commande spécifie le texte qui sera affiché en italique.
CLASS=nom
Spécifie le nom de la classe donnée à la feuille de style.
ID=nom
Associe un nom à une cible dans un lien hypertexte ou à un élément particulier dans une feuille de style associée.
STYLE=nom
Spécifie une feuille de style intraligne.
Événements:
Extensions Microsoft Explorer:
onclick, ondblclick, onhelp, onmousedown, onmousemove, onmouseout, onmouseover, onmouseup
Le texte suivant est affiché <I>en italique.</I>
Résultat:
Le texte suivant est affiché en italique.
Cette commande permet d'insérer un cadre unique dans votre document. Un cadre unique fait référence à un autre document HTML que l'on peut visionner à l'intérieur du cadre. La commande « Cadre unique » doit être insérée dans la section de corps de votre document, c'est-à-dire entre les balises <BODY> et </BODY>.
ALIGN= ABSBOTTOM | ABSMIDDLE | BASELINE | BOTTOM | LEFT | MIDDLE | RIGHT | TEXTTOP | TOP
Spécifie l'alignement du cadre dans le document ou du texte autour du cadre.
FRAMEBORDER=1 | 0
Spécifie la présence ou non d'une bordure autour du cadre. La valeur 1 affiche une bordure (par défaut). La valeur 0 n'affiche pas de bordure.
HEIGHT=nombre
Détermine la hauteur du cadre, en pixels.
MARGINHEIGHT=nombre
Détermine la hauteur de la marge de haut et de bas du cadre, en pixels.
MARGINWIDTH=nombre
Détermine la largeur de la marge de gauche et de droite du cadre, en pixels.
NAME=nom
Spécifie un nom de cible (target) pour le cadre.
NORESIZE
Spécifie que l'usager ne pourra pas redimensionner le cadre.
SCROLLING=yes | no | auto
Permet d'inclure ou d'interdire les barres de déroulement dans votre cadre. L'option par défaut va inclure ces barres si le contenu du cadre est plus large ou plus long que l'espace prévu.
SRC=URL
Spécifie l'URL du document HTML à afficher dans le cadre.
WIDTH=nombre
Spécifie la largeur du cadre, en pixels.
BORDER=nombre
Permet d'avoir une bordure autour de l'image. La valeur doit être en pixel.
BORDERCOLOR=couleur
Permet de spécifier la couleur de la bordure.
FRAMESPACING=nombre
Cet attribut permet de déterminer un espace entre les cadres.
HSPACE=nombre
Détermine l’espace en pixel à gauche et à droite de l’application.
VSPACE=nombre
Cet attribut est optionnel. Il détermine l'espace en pixel en haut et en bas de l'application..
CLASS=nom
Spécifie le nom de la classe donnée à la feuille de style.
ID=nom
Associe un nom à une cible dans un lien hypertexte ou à un élément particulier dans une feuille de style associée.
STYLE=nom
Spécifie une feuille de style intraligne.
Événements:
onblur, onfocus
<IFRAME NAME="Dico" SRC="dico.html" ALIGN=TOP WIDTH=680 HEIGHT=80 VSPACE=20 HSPACE=30 SCROLLING=no></IFRAME>
Résultat:
Cette balise permet d'insérer une image graphique dans un document.
ALIGN= ABSBOTTOM | ABSMIDDLE | BASELINE | BOTTOM | LEFT | MIDDLE | RIGHT | TEXTTOP | TOP
Permet de déterminer l'alignement de l'image.
ALT=nom
Permet d'afficher du texte à la place de l'image ou avant que celle-ci apparaisse.
BORDER=nombre
Permet d'avoir une bordure autour de l'image. La valeur doit être en pixel.
HEIGHT=nombre
Spécifie la hauteur de l'image dans le document. Avec cet attribut, on peut modifier la hauteur réelle de l'image. La valeur doit être en pixel.
HSPACE=unNombre
Spécifie l'espace à laisser à droite et à gauche de l'image. La valeur doit être en pixel.
ISMAP=nom
Identifie l’image comme étant une image en coordonnées côté serveur.
NAME=nom
Spécifie un nom à une image.
SRC=URL
Spécifie l’accès au fichier graphique.
USEMAP=nom d’image
Identifie l’image comme étant une image en coordonnées côté serveur et spécifie une coordonnée qui va réagir lorsque l’usager va cliquer dessus.
VSPACE=unNombre
Spécifie l'espace à laisser en haut et en bas de l'image. La valeur doit être en pixel.
WIDTH=nombre
Spécifie la largeur de l'image dans le document. Avec cet attribut, on peut modifier la largeur réelle de l'image. La valeur doit être en pixel ou en pourcentage.
CLASS=nom
Spécifie le nom de la classe donnée à la feuille de style.
ID=nom
Associe un nom à une cible dans un lien hypertexte ou à un élément particulier dans une feuille de style associée.
STYLE=nom
Spécifie une feuille de style intraligne.
Extensions Netscape:
LOWSRC=URL
Permet le chargement d'une image de petite taille (image2) et une fois que toutes les informations de la page sont chargées, l'image à plus grande résolution (image1) sera chargée.
Extensions Microsoft Explorer:
Il est possible de jouer une séquence vidéo de type .AVI dans un document HTML. Pour ce faire, vous devez ajouter les attributs suivants à la commande <IMG>:
DATAFLD=nom
Spécifie le nom de la colonne.
DATASRC=nom
Spécifie la source des données s’y rattachant.
DYNSRC=URL
Spécifie l'adresse de la séquence vidéo qui sera jouée. DYNSRC est une abréviation pour Dynamic Source.
<IMG SRC="nom.gif" DYNSRC="vid.avi">
Dans cet exemple, l'usager pourra voir le vidéo "vid.avi", sinon il verra l'image "nom.gif".
START= FILEOPEN ou MOUSEOVER.
Spécifie quand le vidéo va commencer à jouer. FILEOPEN signifie que le vidéo commencera à jouer lorsque le document sera complètement chargé. Ceci est la valeur de défaut. MOUSEOVER signifie que le vidéo commencera à jouer lorsque l'usager déplacera la souris devant l'animation.
LOOP=nombre
Spécifie le nombre de fois que la séquence vidéo sera jouée. Si n=-1, ou si LOOP=INFINITE, le vidéo jouera indéfiniment.
LOOPDELAY=nombre
Spécifie, en centièmes de seconde, le temps avant que la séquence vidéo recommence à jouer.
VRML=nom
Cet attribut requiert le module virtuel d’Explorer.
Événements:
onabort, onerror, onkeydown, onkeypress, onkeyup, onload
Extensions Microsoft Explorer:
onafterupdate, onbeforeupdate, onblur, onclick, ondblclick, onfocus, onhelp, onmousedown, onmousemove, onmouseout, onmouseover, onmouseup, onreadystatechange
<IMG SRC="../images/logo2.gif" ATL="LOGO Virgule Web" ALIGN=LEFT>
Texte1<BR CLEAR=RIGHT>
Texte2<BR>
Texte3<BR>
<BR CLEAR=ALL>
Exemple: on peut voir l'utilité de l'attribut ALIGN dans la commande IMG SRC et de l'attribut CLEAR dans la commande BR.
Résultat:
Texte1
Texte2
Texte3
Bouton poussoir permettant habituellement l’exécution d’un script. L'attribut VALUE spécifie l'écriture sur le bouton
NAME=Nom
Spécifie un nom identificateur à l’élément pour manipulation dans des scripts.
VALUE=valeur
Valeur de l’élément qui sera transmise dans le formulaire.
CLASS=nom
Spécifie le nom de la classe donnée à la feuille de style.
ID=nom
Associe un nom à une cible dans un lien hypertexte ou à un élément particulier dans une feuille de style associée.
STYLE=nom
Spécifie une feuille de style intraligne.
Extensions Microsoft Explorer:
ACCESSKEY=NOM
Cet attribut est optionnel et permet d’ajouter un clé de raccourci à l’élément.
LANGUAGE=JAVASCRIPT | VBSCRIPT
Spécifie dans quel type de langage a été écrit le script.
TABINDEX=nombre
Détermine la tabulation pour l’objet sélectionné.
Événements:
onclick, onblur, ondblclick, onfocus, onmousedown, onmouseup
Extensions Microsoft Explorer:
onafterupdate, onbeforeupdate, onchange, onhelp, onmousemove, onmouseout, onmouseover
<FORM>
<INPUT TYPE=SUBMIT VALUE="Retour" onclick="window.history.back()">
</FORM>
Résultat:
Lorsque l’usager presse sur le bouton « retour », le navigateur revient à la page précendente.
Cette commande permet d'insérer des cases à cocher dans le formulaire.
CHECKED
Spécifie si la case à coché contient une coche par défaut.
NAME=Nom
Spécifie un nom identificateur à l’élément pour manipulation dans des scripts.
CLASS=nom
Spécifie le nom de la classe donnée à la feuille de style.
VALUE=valeur
Valeur de l’élément.
ID=nom
Associe un nom à une cible dans un lien hypertexte ou à un élément particulier dans une feuille de style associée.
STYLE=nom
Spécifie une feuille de style intraligne.
Extensions Microsoft Explorer:
ACCESSKEY=NOM
Cet attribut est optionnel et permet d’ajouter un clé de raccourci à l’élément.
DATAFLD=nom
Spécifie le nom de la colonne.
DATASRC=nom
Spécifie la source des données s’y rattachant.
DISABLED
Utilisé pour désactiver un élément du formulaire.
LANGUAGE=JAVASCRIPT | VBSCRIPT
Spécifie dans quel type de langage a été écrit le script.
TABINDEX=nombre
Détermine la tabulation pour l’objet sélectionné.
Événements:
onclick, onblur, ondblclick, onfocus, onmousedown, onmouseup
Extensions Microsoft Explorer:
onafterupdate, onbeforeupdate, onchange, onhelp, onmousemove, onmouseout, onmouseover
<FORM METHOD=GET ACTION="http://www.monsite.com">
<INPUT TYPE="CHECKBOX" NAME="age" VALUE="Plus de 25 ans" CHECKED> Plus de 25 ans
…
</FORM>
Résultat:
Cette commande permet à l'utilisateur de rattacher un ou plusieurs fichiers au formulaire.
ACCEPT=listeDeTypeMime
Spécifie le ficher en attache
NAME=Nom
Spécifie un nom identificateur à l’élément pour manipulation dans des scripts.
CLASS=nom
Spécifie le nom de la classe donnée à la feuille de style.
ID=nom
Associe un nom à une cible dans un lien hypertexte ou à un élément particulier dans une feuille de style associée.
STYLE=nom
Spécifie une feuille de style intraligne.
Événements:
onclick, onblur, ondblclick, onfocus, onmousedown, onmouseup
Extensions Microsoft Explorer:
onafterupdate, onbeforeupdate, onchange, onhelp, onmousemove, onmouseout, onmouseover
<FORM METHOD=GET ACTION="http://www.monsite.com">
<INPUT TYPE=FILE NAME=Photo ACCEPT="Image/*">
…
</FORM>
Résultat:
Cette commande permet de cacher certaines entrées qui ne seront pas visibles pour l'usager.
NAME=Nom
Spécifie un nom identificateur à l’élément.
VALUE=valeur
Valeur de l’élément qui sera transmise dans le formulaire.
CLASS=nom
Spécifie le nom de la classe donnée à la feuille de style.
ID=nom
Associe un nom à une cible dans un lien hypertexte ou à un élément particulier dans une feuille de style associée.
STYLE=nom
Spécifie une feuille de style intraligne.
<FORM METHOD=GET ACTION="http://www.monsite.com">
<INPUT TYPE=HIDDEN NAME=nom VALUE="uneValeur">
…
</FORM>
Résultat:
Cette commande permet à l'usager de se servir d’une image comme bouton pour envoyer le formulaire.
ALIGN=ABSBOTTOM | ABSMIDDLE | BASELINE | BOTTOM | LEFT | MIDDLE | RIGHT | TEXTTOP | TOP
Spécifie un alignement à l’image de formulaire.
NAME=Nom
Spécifie un nom identificateur à l’élément pour manipulation dans des scripts.
CLASS=nom
Spécifie le nom de la classe donnée à la feuille de style.
ID=nom
Associe un nom à une cible dans un lien hypertexte ou à un élément particulier dans une feuille de style associée.
STYLE=nom
Spécifie une feuille de style intraligne.
Extensions Microsoft Explorer:
LANGUAGE=JAVASCRIPT | VBSCRIPT
Spécifie dans quel type de langage a été écrit le script.
TABINDEX=nombre
Détermine la tabulation pour l’objet sélectionné.
Événements:
onabort, onclick, onerror, onload
Extensions Microsoft Explorer:
onafterupdate, onbeforeupdate, ondblclick, onhelp, onmousedown, onmousemove, onmouseout, onmouseover, onmouseup, onresize
<FORM METHOD=GET ACTION="mailto:dsiohan@free.fr">
… <INPUT TYPE=IMAGE NAME=image1 SRC="../images/index.gif"
ALIGN=LEFT> </FORM>
Résultat:
Cette commande permet d'avoir une entrée de type mot de passe dans une ligne de texte où les caractères entrés seront cachés par des astérisques.
MAXLENGTH=nombre
Détermine le nombre maximal de caractères pouvant être inscrit dans l’espace prévu de l’élément.
NAME=Nom
Spécifie un nom identificateur à l’élément pour manipulation dans des scripts.
SIZE=nombre
Spécifie la taille visible à l’écran de l’élément en nombre de caractères.
VALUE=valeur
Valeur par défaut de l’élément.
CLASS=nom
Spécifie le nom de la classe donnée à la feuille de style.
ID=nom
Associe un nom à une cible dans un lien hypertexte ou à un élément particulier dans une feuille de style associée.
STYLE=nom
Spécifie une feuille de style intraligne.
Extensions Microsoft Explorer:
DISABLED
Utilisé pour désactiver un élément du formulaire.
READONLY
Spécifie que l’élément du formulaire est en mode lecture seulement. Il est donc impossible d’écrire à l’intérieur de l’élément.
ACCESSKEY=NOM
Cet attribut est optionnel et permet d’ajouter un clé de raccourci à l’élément.
DATAFLD=nom
Spécifie le nom de la colonne.
DATASRC=nom
Spécifie la source des données s’y rattachant.
LANGUAGE=JAVASCRIPT | VBSCRIPT
Spécifie dans quel type de langage a été écrit le script.
TABINDEX=nombre
Détermine la tabulation pour l’objet sélectionné.
Événements:
onblur, onchange, onfocus, onkeydown, onkeypress, onkeyup, onselect
Extensions Microsoft Explorer:
onafterupdate, onbeforeupdate, onhelp, onmousedown, onmousemove, onmouseout, onmouseover, onmouseup, onresize
<FORM METHOD=POST ACTION="/cgi-bin//password.exe">
<INPUT TYPE=PASSWORD NAME="motdepasse" SIZE=30 VALUE="uneValeur">
…
</FORM>
Résultat:
Cette commande permet d'insérer des cases radio dans le formulaire.
CHECKED
Spécifie si la case à coché contient une coche par défaut.
NAME=Nom
Spécifie un nom identificateur à l’élément pour manipulation dans des scripts.
CLASS=nom
Spécifie le nom de la classe donnée à la feuille de style.
VALUE=valeur
Valeur de l’élément.
ID=nom
Associe un nom à une cible dans un lien hypertexte ou à un élément particulier dans une feuille de style associée.
STYLE=nom
Spécifie une feuille de style intraligne.
Extensions Microsoft Explorer:
ACCESSKEY=NOM
Cet attribut est optionnel et permet d’ajouter un clé de raccourci à l’élément.
DATAFLD=nom
Spécifie le nom de la colonne.
DATASRC=nom
Spécifie la source des données s’y rattachant.
DISABLED
Utilisé pour désactiver un élément du formulaire.
LANGUAGE=JAVASCRIPT | VBSCRIPT
Spécifie dans quel type de langage a été écrit le script.
TABINDEX=nombre
Détermine la tabulation pour l’objet sélectionné.
Événements:
onclick, onblur, ondblclick, onfocus, onmousedown, onmouseup
Extensions Microsoft Explorer:
onafterupdate, onbeforeupdate, onchange, onhelp, onmousemove, onmouseout , onmouseover
<FORM METHOD=POST ACTION="/cgi-bin/email.exe">
<INPUT TYPE=RADIO NAME=unNom VALUE=uneValeur CHECKED> Case radio
…
</FORM>
Résultat:
Bouton poussoir permettant à l'utilisateur de remettre tous les champs de saisie du formulaire aux valeurs initiales.
NAME=Nom
Spécifie un nom identificateur à l’élément pour manipulation dans des scripts.
VALUE=valeur
Valeur de l’élément qui sera transmise dans le formulaire.
CLASS=nom
Spécifie le nom de la classe donnée à la feuille de style.
ID=nom
Associe un nom à une cible dans un lien hypertexte ou à un élément particulier dans une feuille de style associée.
STYLE=nom
Spécifie une feuille de style intraligne.
Extensions Microsoft Explorer:
ACCESSKEY=NOM
Cet attribut est optionnel et permet d’ajouter un clé de raccourci à l’élément.
LANGUAGE=JAVASCRIPT | VBSCRIPT
Spécifie dans quel type de langage a été écrit le script.
TABINDEX=nombre
Détermine la tabulation pour l’objet sélectionné.
Événements:
onblur, onclick, ondblclick, onfocus, onmousedown, onmouseup
Extensions Microsoft Explorer:
onafterupdate, onbeforeupdate, onchange, onhelp, onmousemove, onmouseout, onmouseover
<FORM METHOD=POST ACTION="/cgi-bin/email.exe">
<INPUT TYPE=TEXT VALUE=unTexte >
<INPUT TYPE=RESET VALUE= "Recommencer">
</FORM>
Résultat:
Bouton poussoir permettant d'envoyer l'information entrée dans le formulaire. L'attribut VALUE spécifie l'écriture sur le bouton.
NAME=Nom
Spécifie un nom identificateur à l’élément pour manipulation dans des scripts.
VALUE=valeur
Valeur de l’élément qui sera transmise dans le formulaire.
CLASS=nom
Spécifie le nom de la classe donnée à la feuille de style.
ID=nom
Associe un nom à une cible dans un lien hypertexte ou à un élément particulier dans une feuille de style associée.
STYLE=nom
Spécifie une feuille de style intraligne.
Extensions Microsoft Explorer:
ACCESSKEY=NOM
Cet attribut est optionnel et permet d’ajouter un clé de raccourci à l’élément.
LANGUAGE=JAVASCRIPT | VBSCRIPT
Spécifie dans quel type de langage a été écrit le script.
TABINDEX=nombre
Détermine la tabulation pour l’objet sélectionné.
Événements:
onblur, onclick, ondblclick, onfocus, onmousedown, onmouseup
Extensions Microsoft Explorer:
onafterupdate, onbeforeupdate, onchange, onhelp, onmousemove, onmouseout, onmouseover
<FORM METHOD=GET ACTION="http://www.monsite.com">
<INPUT TYPE=TEXT VALUE=unTexte>
...
<INPUT TYPE=SUBMIT NAME=unNom VALUE="Envoyer requête">
</FORM>
Résultat:
Cette commande permet d'avoir un champ de saisie de type boîte texte dans le formulaire.
MAXLENGHT=nombre
Détermine le nombre maximal de caractères pouvant être inscrit dans l’espace prévu de l’élément.
NAME=Nom
Spécifie un nom identificateur à l’élément pour manipulation dans des scripts.
SIZE=nombre
Spécifie la taille visible à l’écran de l’élément en nombre de caractères.
CLASS=nom
Spécifie le nom de la classe donnée à la feuille de style.
ID=nom
Associe un nom à une cible dans un lien hypertexte ou à un élément particulier dans une feuille de style associée.
STYLE=nom
Spécifie une feuille de style intraligne.
Extensions Microsoft Explorer:
DISABLED
Utilisé pour désactiver un élément du formulaire.
READONLY
Spécifie que l’élément du formulaire est en mode lecture seulement. Il est donc impossible d’écrire à l’intérieur de l’élément.
ACCESSKEY=NOM
Cet attribut est optionnel et permet d’ajouter un clé de raccourci à l’élément.
DATAFLD=nom
Spécifie le nom de la colonne.
DATASRC=nom
Spécifie la source des données s’y rattachant.
LANGUAGE=JAVASCRIPT | VBSCRIPT
Spécifie dans quel type de langage a été écrit le script.
TABINDEX=nombre
Détermine la tabulation pour l’objet sélectionné.
Événements:
onblur, onchange, onfocus, onkeydown, onkeypress, onkeyup, onselect
Extensions Microsoft Explorer:
onafterupdate, onbeforeupdate, onhelp, onmousedown, onmousemove, onmouseout, onmouseover, onmouseup, onresize
<FORM METHOD=GET ACTION="/cgi-bin/email.exe">
<INPUT TYPE=TEXT NAME=unNom SIZE=30 VALUE=uneValeur>
…
</FORM>
Résultat:
Cette commande est utilisée dans la section de tête (HEAD) du document. La commande ISINDEX indique que le document fait partie d’un index de recherche.
ACTION=URL
Spécifie l’adresse URL du programme qui traitera la chaine de caractère entrée dans la boîte texte.
PROMPT=texte
Message qui sera affiché à l’usager à la place du message par défaut.
<HTML>
<HEAD>
<TITLE>Document 1</TITLE>
<ISINDEX "http://demain.com/cherche" PROMPT="Entrez votre recherche dans cette boîte:">
</HEAD>
<BODY>
…
</BODY>
</HTML>
résultat:
Cette commande permet d'afficher un masque de saisie de façon à lancer le programme requête « cherche » .
Cette commande spécifie le texte qui sera affiché dans une police de caractères fixes de type clavier ( keyboard characters).
CLASS=nom
Spécifie le nom de la classe donnée à la feuille de style.
ID=nom
Associe un nom à une cible dans un lien hypertexte ou à un élément particulier dans une feuille de style associée.
STYLE=nom
Spécifie une feuille de style intraligne.
Événements:
Extensions Microsoft Explorer:
onclick, ondblclick, onhelp, onmousedown, onmousemove, onmouseout, onmouseover, onmouseup
Le texte suivant est affiché dans <KBD>une police de type clavier.</KBD>
Résultat:
Le texte suivant est affiché dans une police de type clavier.
Spécifie une étiquette à un élément. Pour y ajouter une inscription, inscrivez le texte désiré entre les balises LABEL.
ACCESSKEY=nom
Cet attribut est optionnel et permet d’ajouter un accélérateur à un élément.
FOR=nom
Spécifie l’élément lié à l’étiquette.
CLASS=nom
Spécifie le nom de la classe donnée à la feuille de style.
ID=nom
Associe un nom à une cible dans un lien hypertexte ou à un élément particulier dans une feuille de style associée.
STYLE=nom
Spécifie une feuille de style intraligne.
Événements:
onclick, ondblclick, onhelp, onmousedown, onmousemove, onmouseout, onmouseover, onmouseup
<LABEL FOR=element1>retour</LABEL>
Résultat:
Le navigateur Netscape 4.0 permet de définir des couches (LAYER) de contenu superposées dans votre page Web. Ces couches peuvent être positionnées de façon précise dans votre document. Tout le contenu entre la balise de début et celui de fin peut être traité comme un élément de votre page et pourra être déplacé et modifié de différentes façons.
En utilisant des JavaScripts, il est possible d'apporter plusieurs options à vos couches, telles que les déplacer, les cacher et changer l'ordre de superposition qu'elles possèdent.
ABOVE=couche
Spécifie que toutes les nouvelles couches créées seront placées en dessous de la couche possédant l'attribut ABOVE.
BACKGROUND=Image
Détermine l'image d'arrière-plan d'une couche. La valeur représente l'URL de l'image. Cet attribut est optionnel. Par défaut les couches sont transparentes, donc elles ne possèdent pas d'image d'arrière-plan.
BGCOLOR=couleur
Détermine la couleur d'arrière-plan d'une couche. Cet attribut est optionnel. Par défaut les couches sont transparentes, donc elles ne possèdent pas de couleur d'arrière-plan.
BELOW=Couche
Spécifie que toutes les nouvelles couches créées seront placées au-dessus de la couche possédant l'attribut BELOW.
CLIP=Nb, Nb, Nb, Nb
Spécifie la portion de la couche qui sera visible. Les valeurs de cet attribut sont quatre nombres en pixel. Ces nombres indiquent respectivement la valeur de gauche, de haut, de droite et de bas. Cet attribut est optionnel. Il est également possible de n'indiquer que les valeurs de droite et de bas. Dans ce cas, les valeurs de gauche et de haut sont égales à zéro.
LEFT=nombre
Spécifie la position horizontale du côté gauche de la couche. Cet attribut est optionnel. La valeur est en pixel. La valeur par défaut est la position du contenu HTML de la couche, comme s'il n'était pas à l'intérieur de la balise LAYER. Pour les couches possédant l'attribut INFLOW, l'attribut LEFT spécifie le décalage vers la droite, en pixels, de la position naturelle de la couche.
NAME=nom
Permet d'identifier la couche. Ce nom doit commencer par une lettre alphabétique. Cet attribut est optionnel. Par défaut, les couches n'ont pas de nom.
TOP=nombre
Spécifie la position verticale de la partie supérieure de la couche. Cet attribut est optionnel. La valeur est en pixel. La valeur par défaut est la position du contenu HTML de la couche, comme s'il n'était pas à l'intérieur de la balise LAYER. Pour les couches possédant l'attribut INFLOW, l'attribut TOP spécifie le décalage vers le bas, en pixels, de la position naturelle de la couche.
VISIBILITY=SHOW | HIDE | INHERIT
Détermine si la couche est visible ou non. Si la valeur est HIDE, la couche ne sera pas visible. Si la valeur est SHOW, la couche sera visible. Si la valeur est INHERIT, la couche aura la même valeur que la couche parente. Si la couche n'a pas de parente, la valeur INHERIT aura le même effet que la valeur SHOW. Cet attribut est optionnel. Par défaut, une couche possède la même visibilité que la couche parente.
WIDTH=nombre
Spécifie la largeur du contenu HTML de la couche. Cet attribut est optionnel et la valeur est en pixel.
Z-INDEX=nombre
Permet d'attribuer un ordre de superposition des couches en termes de nombre (un entier). Les couches identifées par un nombre plus élevé seront placées au-dessus de celles identifiées par un plus petit nombre. Si la valeur est positive, la couche sera placée au-dessus de la couche parente, tandis que si la valeur est négative, la couche sera placée en dessous de la couche parente.
CLASS=nom
Spécifie le nom de la classe donnée à la feuille de style.
ID=nom
Associe un nom à une cible dans un lien hypertexte ou à un élément particulier dans une feuille de style associée.
STYLE=nom
Spécifie une feuille de style intraligne.
Événements:
onblur, onfocus, onload, onmouseout, onmouseover
<HTML>
<HEAD></HEAD>
<BODY BGCOLOR="#FFFFFF">
<LAYER NAME="couche1" LEFT=160 TOP=150>
<IMG SRC="Image1.gif" BORDER=0 WIDTH=120 HEIGHT=120
</LAYER>
<LAYER NAME="couche2" LEFT=230 TOP=180>
<IMG SRC="Image2.gif" BORDER=0 WIDTH=120 HEIGHT=80 ALIGN=MIDDLE>
Texte couche2
</LAYER>
<LAYER NAME="couche3" LEFT=100 TOP=230>
<IMG SRC="Image3.gif" BORDER=0 WIDTH=300 HEIGHT=25><BR>
<B>Texte de la couche 3</B>
</LAYER>
</BODY>
</HTML>
Résultat:
Allez à la page LAYERS
La commande LI correspond à un élément d'une liste d'items (List Item). Il y a autant de LI que d’élément à l’intérieur de la liste.
TYPE=1 | a | A | i | I
Permet de spécifier le type de puce de l'item.
VALUE=valeur
Change l’ordre d’une liste ordonnée.
CLASS=nom
Spécifie le nom de la classe donnée à la feuille de style.
ID=nom
Associe un nom à une cible dans un lien hypertexte ou à un élément particulier dans une feuille de style associée.
STYLE=nom
Spécifie une feuille de style intraligne.
Extensions Microsoft Explorer:
ALIGN=CENTER | LEFT | RIGHT
Permet de justifier à droite, à gauche ou au centre de la page.
Événements:
Extensions Microsoft Explorer:
onclick, ondblclick, onhelp, onmousedown, onmousemove, onmouseout, onmouseover, onmouseup
1.
<OL>
<LI>Item1
<LI>Item2
<LI>Item3
</OL>
Résultat:
2.
Résultat:
3.
Résultat:
Cette commande est utilisée dans la section de tête (HEAD) du document. La commande LINK établit une relation avec un autre document.
HREF=URL
Spécifie la destination URL ou le lien.
NAME=nom
Nom du contrôle.
REL=nom
Spécifie la relation du lien hypertexte à la cible. L’attribut HREF doit être présent.
REV=nom
Même chose que REL, mais la relation est inversée.
TARGET=cible
Cet attribut permet de définir un cadre comme cible du lien hypertexte.
TYPE=nom
Spécifie le type de lien ou de relation. e.g. TYPE="text/css" pour un lien vers un document contenant des feuilles de style.
METHODS=nom
Spécifie des informations sur les fonctions que les utilisateurs peuvent utiliser sur un objet.
URN=nom
Si présent, cet attribut spécifie un URN (uniform resource name) à un document cible.
<HTML>
<HEAD>
<LINK HREF="feuillestyle1.css" TYPE="text/css">
</HEAD>
<BODY>
…
</BODY>
</HTML>
Résulat:
Dans cette exemple, il y a référence au document feuillestyle1.css qui contient des feuilles de style. Ces feuilles de style s’appliqueront au contenu de ce document.
Cette commande spécifie le texte qui sera affiché dans un type de code informatique.
CLASS=nom
Spécifie le nom de la classe donnée à la feuille de style.
ID=nom
Associe un nom à une cible dans un lien hypertexte ou à un élément particulier dans une feuille de style associée.
STYLE=nom
Spécifie une feuille de style intraligne.
Extensions Microsoft Explorer:
ALIGN=CENTER | LEFT | RIGHT
Permet de justifier à droite, à gauche ou au centre de la page.
Événements:
Extensions Microsoft Explorer:
onclick, ondblclick, onhelp, onmousedown, onmousemove, onmouseout, onmouseover, onmouseup
Le texte suivant est affiché dans <LISTING>une police de type code informatique</LISTING>.
Résultat:
Le texte suivant est affiché dans