Le Dictionnaire HTML

Déclaration

<MAP

CLASS=nom
ID=nom
NAME=nom
STYLE=nom
événement(s)=script>
<AREA COORDS="x,y,..." [SHAPE="uneForme"] HREF="destination"] [NOHREF] événement(s)=script>

</MAP>
<IMG SRC="uneImage" USEMAP="#unNom">

Description

La commande MAP permet de référer chaque région d'une image à une destination interne ou externe. L'image utilisée comme image en coordonnées doit posséder l'attribut USEMAP. Cet attribut spécifie le nom de l'image. Ce nom doit être identique à celui de l'attribut NAME de la commande MAP. La commande AREA spécifie les caractéristiques d'une région de l'image.

ATTRIBUTS

NAME=nom
Spécifie le nom de l’image en coordonnées. Cet attribut est obligatoire.

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, onkeydown, onkeypress, onkeyup, onmousedown, onmousemove, onmouseout, onmouseover, onmouseup

EXEMPLE

<MAP NAME="unNom">

<AREA SHAPE="RECT" COORDS="0,0,53,59" HREF="Test1.html">
<AREA SHAPE="RECT" COORDS="53,0,120,59" HREF="Test2.html">
<AREA SHAPE="RECT" COORDS="0,59,53,101" HREF="Test3.html">
<AREA SHAPE="RECT" COORDS="53,59,120,101" HREF="Test4.html">

</MAP>
<IMG SRC="uneImage" USEMAP="#unNom">

Résultat:

Sommaire

Déclaration

<MARQUEE

ALIGN=ABSBOTTOM | ABSMIDDLE | BASELINE | BOTTOM | LEFT | MIDDLE | RIGHT | TEXTTOP | TOP
BEHAVIOR=ALTERNATE | SCROLL | SLIDE
BGCOLOR=couleur
CLASS=nom
DATAFLD=nom
DATAFORMATAS=nom
DATASRC=nom
DIRECTION=DOWN | LEFT | RIGHT | UP
HEIGHT=nombre
HSPACE=nombre
ID=nom
LOOP=nombre
SCROLLAMOUNT=nombre
SCROLLDELAY=nombre
STYLE=nom
VSPACE=nombre
WIDTH=nombre
événement(s)=script></MARQUEE>

Description

Cette commande permet au texte entre le début et la fin de la balise de se déplacer selon la direction voulue.

ATTRIBUTS

ALIGN=ABSBOTTOM | ABSMIDDLE | BASELINE | BOTTOM | LEFT | MIDDLE | RIGHT | TEXTTOP | TOP
Spécifie l’alignement de la bannière.

BEHAVIOR=ALTERNATE | SCROLL | SLIDE
Spécifie la manière dont le texte se déplacera.

BGCOLOR=couleur
Spécifie la couleur de la boîte de déroulement. BGCOLOR peut prendre le nom de la couleur ou le code hexadécimal qui lui est associé.

DATAFLD=nom
Spécifie le nom de la colonne.

DATASRC=nom
Spécifie la source des données s’y rattachant.

DATAFORMATAS=nom
Spécifie le type de données à être délimité.

DIRECTION= DOWN | LEFT | RIGHT | UP
Spécifie la direction vers laquelle le texte se déplace.

HEIGHT=nombre
Spécifie la dimension de la boîte de déroulement. La valeur peut être en pixel ou en pourcentage.

HSPACE=nombre
Spécifie la marge de gauche et de droite de la boîte de déroulement. La valeur doit être en pixel.

LOOP=nombre
Spécifie le nombre de fois que le texte se déplacera sur l'écran. Si la valeur est -1, le texte s'affichera tant que la page est ouverte.

SCROLLAMOUNT=nombre
Spécifie la vitesse de déplacement, en pixel, du texte sur l'écran.

SROLLDELAY=nombre
Spécifie le délai, en millième de seconde, du déplacement du texte sur l'écran.

VSPACE=nombre
Spécifie la marge du haut et du bas de la boîte de déroulement. La valeur doit être en pixel.

WIDTH=nombre
Spécifie la largeur de la boîte de déroulement. La valeur peut ê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.

Événements:

onafterupdate, onbeforeupdate, onbounce, onclick, ondblclick, onfinish, onhelp, onkeydown, onkeypress, onkeyup, onmousedown, onmousemove, onmouseout, onmouseover, onmouseup, onstart

EXEMPLE

<MARQUEE BEHAVIOR="ALTERNATE" BGCOLOR="#FF0000"> --- message1 --- </MARQUEE>

Résultat:

--- Salut tête d'ampoule ---

Message1 se déplacera de gauche à droite et de droite à gauche le long de la boîte de déroulement qui sera de couleur rouge.

Sommaire

Déclaration

<MENU

CLASS=nom
ID=nom
STYLE=nom
événement(s)=script>
<LI>


</MENU>

Description

La commande MENU permet d'avoir une liste menu.

ATTRIBUTS

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

EXEMPLE

<MENU>

<LI>Item1
<LI>Item2
<LI>Item3

</MENU>

Résultat:Légèrement différent suivant Navigateurs.

  • Item1
  • Item2
  • Item3
  • Sommaire

    Déclaration

    <META

    CONTENT=nom
    HTTP-EQUIV=nom
    NAME=nom
    URL=URL>

    Description

    Cette commande est utilisée dans la section de tête (HEAD) du document. La commande META associe à votre document HTML des informations d'en-tête qui seront lues par le serveur http. Ces informations peuvent servir à identifier un nom (name), un nom de l'auteur (author), un contenu (content) et/ou une directive HTTP-EQUIV.

    ATTRIBUTS

    CONTENT=nom
    Spécifie une méta information associée au nom ou à la réponse HTTP.

    HTTP-EQUIV=nom
    Spécifie un lien entre le contenu de l’élément et la réponse HTTP.

    NAME=nom
    Spécifie un nom à l’élément.

    URL=URL
    Si un URL est spécifié, il sera chargé après que le temps spécifié se soit écoulé. Utilisé à l’intérieur du contenu.

    EXEMPLE

    1.
    <HTML>
    <HEAD>
    <TITLE>
    Document 1</TITLE>
    <META HTTP-EQUIV="Expires" CONTENT="22-01-97">
    </HEAD>
    <BODY>

    </BODY>
    </HTML>


    Résultat:

    Indique la date d'expiration des fichiers à mettre à jour.

    2.

    <HTML>
    <HEAD>
    <TITLE>
    Document 2</TITLE>
    <META HTTP-EQUIV="Refresh" CONTENT="12; URL=http://www.visic.com/home.html">
    </HEAD>
    <BODY>

    </BODY>
    </HTML>


    Résultat:

    Ceci est une extension du navigateur Netscape. Elle permet le chargement automatique du document indiqué par l'attribut URL. L'attribut CONTENT indique que le chargement se fera dans les douze prochaines secondes.

    3.

    <HTML>
    <HEAD>
    <TITLE>
    Document 3</TITLE>
    <META NAME="AUTHOR" CONTENT="Introduction au HTML">
    </HEAD>
    <BODY>

    </BODY>
    </HTML>


    Résultat:

    Pour indiquer l'auteur d'un document.

    Sommaire

    Déclaration

    <MULTICOL

    CLASS=nom
    COLS=nombre
    GUTTER=nombre
    ID=nom
    STYLE=nom
    WIDTH=nombre%></MULTICOL>

    Description

    Cette commande permet au texte d'être affiché sur plusieurs colonnes.

    ATTRIBUTS

    COLS=nombre
    Cet attribut est obligatoire. Il spécifie le nombre de colonne qu'aura le texte se trouvant entre les balises <MULTICOL> et </MULTICOL>. Chaque colonne est délimitée par une balise <P>.

    GUTTER=nombre
    Cet attribut est optionnel. Il spécifie le nombre d'espaces blancs entre chaque colonne. La valeur est en pixel.

    WIDTH=nombre%
    Cet attribut est optionnel. Il spécifie la largeur de l'espace occupé par les colonnes dans le document. La valeur peut ê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.

    EXEMPLE

    <MULTICOL COLS="3" GUTTER="25" WIDTH="90%">Texte1 <P> Texte2 <P> Texte3</MULTICOL>

    Résultat:

    Texte1

    Texte2

    Texte3

    Sommaire

    Déclaration

    <NEXTID
    N=nombre>

    Description

    Cette commande est utilisée dans la section de tête (HEAD) du document. La commande NEXTID est un paramètre qui est lu et généré par un éditeur de texte afin de créer un identifiant.

    Sommaire

    Déclaration

    <NOBR

    CLASS=nom
    ID=nom
    STYLE=nom></NOBR

    Description

    Cette commande empêche au texte, entre le début et la fin des balises NOBR, d'avoir un retour de chariot.

    ATTRIBUTS

    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.

    EXEMPLE

    Une <NOBR>ligne de texte.</NOBR>
    Résultat:

    Une ligne de texte.

    Sommaire

    Déclaration

    <FRAMESET ...>

    </FRAMESET> <NOFRAMES

    CLASS=nom
    ID=nom
    STYLE=nom>

    <BODY>
    Contenu de votre document pour les utilisateurs qui naviguent sans les cadres.

    </BODY>
    </NOFRAMES>
    </FRAMESET>

    Description

    Cette commande sert à définir le contenu du document qui sera visualisé par les navigateurs incapables d’afficher des cadres.

    ATTRIBUTS

    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.

    EXEMPLE

    <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>


    VOIR INDEX DU SITE...

    Sommaire

    Déclaration

    <NOSCRIPT></NOSCRIPT>

    Description

    Cette commande permet d'avoir un texte ou du code HTML en alternative pour l'usager qui navigue avec l'option JavaScript désactivée ou avec un navigateur qui ne supporte pas le JavaScript.

    EXEMPLE

    <HTML>
    <HEAD>
    <TITLE>
    unTitre</TITLE>
    <SCRIPT LANGUAGE="JavaScript">
    <!-- Codage de la fonction Javascript. -->
    </SCRIPT>
    </HEAD>
    <BODY>
    <NOSCRIPT>

    Désolé, vous avez besoin d'un navigateur qui supporte le Javascript pour visionner le contenu de cette page.
    </NOSCRIPT>
    </BODY>
    </HTML>

    Sommaire

    Déclaration

    <OL

    ALIGN=CENTER | LEFT | RIGHT
    CLASS=nom
    COMPACT
    ID=nom
    START=nom
    STYLE=nom
    TYPE=1 | a | A | i | I
    événement(s)=script>
    <LI>

    </OL>

    Description

    La commande OL permet d'avoir une liste numérotée qui s'incrémente automatiquement. OL représente une liste ordonnée (odered list) et LI représente une liste d'items (list item).

    ATTRIBUTS

    COMPACT
    Permet de réduire l'espace occupé par la liste.

    START=Nombre
    Permet au premier élément de la liste d'avoir le nombre indiqué;

    TYPE=1 | a | A | i | I
    Spécifie un type pour les puces.

    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

    EXEMPLE

    <OL TYPE=I, II, III...>

    <LI>Item1
    <LI>Item2
    <LI>Item3
    <LI>Item4
    </OL>

    Résultat:
    1. Item1
    2. Item2
    3. Item3
    4. Item4
    Sommaire

    Déclaration

    <OBJECT

    ACCESSKEY=nom
    ALIGN=ABSBOTTOM | ABSMIDDLE | BASELINE | BOTTOM | LEFT | MIDDLE | RIGHT | TEXTTOP | TOP
    CLASS=nom
    CLASSID=nom
    CODE=nom
    CODEBASE=URL
    CODETYPE=nom
    DATA=nom
    DATAFLD=nom
    DATASRC=nom
    DISABLED
    HEIGHT=nombre
    ID=nom
    NAME=nom
    STYLE=nom
    TABINDEX=nombre
    TYPE=nom
    WIDTH=nombre
    événement(s)=script></OBJECT

    Description

    Cette commande permet d'inclure des objets dans un document HTML. Ces objets peuvent être un vidéo, une application multimédia ou un contrôle ActiveX.

    ATTRIBUTS

    ALIGN=ABSBOTTOM | ABSMIDDLE | BASELINE | BOTTOM | LEFT | MIDDLE | RIGHT | TEXTTOP | TOP
    Permet de déterminer l'alignement de l'objet.

    BORDER=nombre
    Permet de déterminer la largeur de l'objet si celui-ci est un lien hypertexte.

    CLASSID=nom
    Identifie l'implémentation de l'objet. La syntaxe de l'URL peut varier selon le type de l'objet. Par exemple, pour identifier un contrôle ActiveX, la syntaxe est: CLSID.

    CODEBASE=URL
    Identifie l'adresse URL où sera chargé l'objet. La syntaxe de l'objet dépend de l'objet.

    CODETYPE=nom
    Spécifie le type de média sur Internet pour le code.

    DATA=nom
    Identifie une adresse URL où l'objet pourra importer les données nécessaires à son initialisation. La syntaxe de l'objet dépend de l'objet.

    DECLARE
    Permet de déclarer l'objet sans l'exécuter. Cet attribut est utile lorsque vous voulez créer des liens avec un autre objet plus bas dans le document ou pour spécifier les paramètres d'un autre objet.

    HEIGHT=nombre
    Spécifie la hauteur de l'objet.

    HSPACE=nombre
    Spécifie la marge horizontale de l'objet, c'est-à-dire l'espace entre l'objet et le texte ou l'image se trouvant à gauche ou à droite de l'objet.

    NAME=nom
    Détermine le nom de l'objet lorsqu'il est utilisé dans un formulaire.

    SHAPES
    Spécifie l'affichage de l'objet lorsqu'il est utilisé comme lien hypertexte.

    STANDBY=message
    Spécifie le message à afficher avant que l'objet soit chargé.

    TYPE=nom
    Spécifie le type de média sur Internet pour les données.

    USEMAP=URL
    Spécifie l'image en coordonnées à utiliser avec l'objet.

    VSPACE=nombre
    Spécifie la marge verticale de l'objet, c'est-à-dire l'espace entre l'objet et le texte ou l'image se trouvant en haut ou en bas de l'objet.

    WIDTH=nombre
    Spécifie la largeur de l'objet.

    ACCESSKEY=nom
    Cet attribut est optionnel et permet d’ajouter un accélérateur à un é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.

    TABINDEX=un nombre
    Détermine la tabulation pour l’objet sélectionné.

    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:

    onafterupdate, onbeforeupdate, onblur, onclick, ondblclick, onfocus, onhelp, onkeydown, onkeypress, onkeyup, onload, onmousedown, onmousemove, onmouseout, onmouseover, onmouseup, onreadystatechange, onrowenter, onrowexit

    EXEMPLE

    Exemple d’un ActiveX sur une des pages du site de Microsoft.

    <OBJECT CODEBASE=http://fdl.msn.com/public/investor/v4/ticker.cab#version=4,70,97,0530 CLASSID="clsid:CEC3ED36-903F-11d0-BEEA-00A0C90C2BDB" WIDTH=420 HEIGHT=34>

    <PARAM NAME="NumLines" VALUE="2">

    <PARAM NAME="DataObjectActive" VALUE="1">
    <PARAM NAME="ServerRoot" VALUE="http://investor.msn.com">
    <PARAM NAME="AppRoot" value="http://investor.msn.com">
    <PARAM NAME="Keywords" VALUE="http://www.msnbc.com/news/ticker.txt">
    <PARAM NAME="InvestorURL" VALUE="http://investor.msn.com/">
    <PARAM NAME="InvestorSite" value="0">
    <PARAM NAME="BackgroundBitmap" VALUE="http://www.microsoft.com/library/images/gifs/ticker/white.bmp">

    <PARAM NAME=DefaultCategories VALUE="World, Commerce, Sports">
    <PARAM NAME="ButtonMode" VALUE="2">
    <PARAM NAME="ButtonBitmapStemName"VALUE="http://www.microsoft.com/library/images/gifs/ticker/f">

    </OBJECT>

    Sommaire

    Déclaration

    <P

    ALIGN=CENTER | LEFT | RIGHT
    CLASS=nom
    ID=nom
    STYLE=nom
    WIDTH=nombre
    événement(s)=script></P>

    Description

    Cette commande insère un paragraphe au document. La fermeture de balise </P> n’est pas obligatoire.

    ATTRIBUTS

    ALIGN=CENTER | LEFT | RIGHT
    Permet de justifier à droite, à gauche ou au centre de la page.

    WIDTH=nombre
    Permet de spécifier la largeur de la page HTML. Par défaut, la largeur d'une page est de 80 colonnes.

    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

    EXEMPLE

    Une ligne de texte.<P ALIGN=CENTER>Une nouvelle ligne de texte.

    Résultat:

    Une ligne de texte.

    Une nouvelle ligne de texte.

    Sommaire

    Déclaration

    <PARAM

    DATA=nom
    DATAFLD=nom
    DATASRC=URL
    NAME=nom
    OBJECT=nom
    REF=nom
    VALUE=valeur>

    Description

    Cette commande est utlisée avec les commandes APPLET et OBJECT, elle sert à spécifier les propriétés de l’application Java ou de l’objet.

    ATTRIBUTS

    NAME=nom
    Spécifie un nom à la propriété.

    VALUE=valeur
    Spécifie, pour les contrôles de type numérique ou textuel, la valeur par défault du contrôle.

    Extensions Microsoft Explorer:

    DATA=nom
    Spécifie que les données font référence à un URL.

    DATAFLD=nom
    Spécifie le nom de la colonne.

    DATASRC=URL
    Spécifie la source des données s’y rattachant.

    OBJECT=nom
    Spécifie que la valeur est un URL d’un élément qui se trouve dans le même document.

    REF=nom
    Spécifie que la valeur est un URL.

    EXEMPLE

    Exemple de l’applet fphover

    <APPLET code=fphover.class height=55 width=70>
    <PARAM NAME="url" VALUE="corps.html">
    <PARAM NAME="image" VALUE="index.gif">
    <PARAM NAME="hoversound" VALUE="">
    <PARAM NAME="text" VALUE="">
    <PARAM NAME="fontstyle" VALUE="bold">
    <PARAM NAME="color" VALUE="#FFFFFF">
    <PARAM NAME="hoverimage" VALUE="somma.gif">
    <PARAM NAME="bgcolor" VALUE="#FFFFFF">
    <PARAM NAME="hovercolor" VALUE="#FFFFFF">
    <PARAM NAME="effect" VALUE="bevelOut">
    <PARAM NAME="fontsize" VALUE="14">
    <PARAM NAME="textcolor" VALUE="#000000">
    <PARAM NAME="sound" VALUE="">
    <PARAM NAME="font" VALUE="Dialog">

    </APPLET>


    Résultat:

    Sommaire

    Déclaration

    <PLAINTEXT

    CLASS=nom
    ID=nom
    STYLE=nom
    événement(s)=script></PLAINTEXT>

    Description

    Cette commande est utile pour représenter du texte formaté. Il est à noter que le navigateur Netscape n'accepte pas la balise de fin de la commande PLAINTEXT.

    ATTRIBUTS

    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

    EXEMPLE

    Voici comment<PLAINTEXT>utiliser cette commande.

    Résultat:Je ne l'utilise pas car elle me fout le bordel partout.

    Sommaire

    Déclaration

    <PRE

    CLASS=nom
    ID=nom
    STYLE=nom
    WIDTH=40 | 80 | 132
    événement(s)=script></PRE>

    Description

    Cette commande spécifie le texte qui sera affiché dans une police de caractères fixe de type système. Les espaces, les nouvelles lignes et les tabulations seront interprétés comme dans un éditeur de texte. Évitez les autres commandes HTML à l'intérieur de la section définie par PRE.

    ATTRIBUTS

    WIDTH=40 | 80 | 132
    La commande PRE peut prendre l'attribut WIDTH. Il permet de spécifier la largeur de la page HTML. Par défaut, la largeur d'une page est de 80 colonnes. Il est possible de modifier la largeur de la page HTML en donnant les valeurs 40 ou 132 à l'attribut WIDTH.

    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

    EXEMPLE

    <PRE>
              a
           bbb
        ccccc
    </PRE>

    Résultat:

         a
       bbb
     ccccc
    

    Sommaire

    Déclaration

    <STRIKE

    CLASS=nom
    ID=nom
    STYLE=nom
    événement(s)=script></STRIKE>

    Description

    Cette commande spécifie le texte qui sera barré par une ligne horizontale. Notez que la balise <S> est équivalente à cette commande.

    ATTRIBUTS

    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

    EXEMPLE

    Le texte suivant <STRIKE>est barré</STRIKE>.

    Résultat:

    Le texte suivant est barré.

    Sommaire

    Déclaration

    <SAMP

    CLASS=nom
    ID=nom
    STYLE=nom
    événement(s)=script></SAMP>

    Description

    Cette commande spécifie le texte qui sera affiché dans une séquence de caractères littéraux.

    ATTRIBUTS

    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

    EXEMPLE

    La phrase est écrite dans<SAMP>une séquence de caractères littéraux.</SAMP>

    Résultat:

    La phrase est écrite dansune séquence de caractères littéraux.

    Sommaire

    Déclaration

    <SCRIPT

    EVENT=événement
    FOR=élément
    ID=nom
    IN=nom
    LANGUAGE= JAVASCRIPT | VBSCRIPT
    LIBRARY=nom></SCRIPT>

    Description

    Il existe 2 langages script:

    JAVASCRIPT
    Le premier se nomme Javascript (ou jscript pour microsoft), il est de loin le plus utilisé des deux langages. Il a été introduit dans Netscape 2.0, puis dans Explorer 3.0. Le JavaScript est un langage compact, orienté objet, utile pour le développement d'applications Internet orientées client-serveur. Les navigateurs interprètent le JavaScript qui est transcrit directement dans les documents HTML. Dans une application client du navigateur, le JavaScript reconnaît et réagit aux demandes de l'utilisateur (les événenents): un clic de la souris, une entrée d'un formulaire, etc.

    VBSCRIPT
    Le second se nomme VBscript ou Visual Basic script, il représente un pas en avant vers l'interactivité des pages Web. Il a été introduit dans Explorer 3.0 et n’est pas supporté par Netscape. Il est un dérivé du langage de programmation Visual Basic, complètement compatible avec les applications de ce langage. Le VBScript utilise les contrôles ActiveX OLE.

    ATTRIBUTS

    EVENT=événement
    Spécifie pour quel événement le script est écrit.

    FOR=élément
    Spécifie quel élément est délimité par le Script

    IN=nom
    Spécifie à quel endroit placer le script dans le document. La fenêtre courante est l’endroit par défaut.

    LANGUAGE=JAVASCRIPT | VBSCRIPT
    L'attribut LANGUAGE est obligatoire à moins que l'attribut SRC soit présent.

    Netscape permet de spécifier la version du javascript. e.g. LANGUAGE="JavaScript1.2" ne s’exécutera que si le navigateur supporte le JavaScript version 1.2.

    LIBRARY=nom
    Spécifie si un ensemble de fonctions ne doivent pas être exécutées immédiatement.

    SRC=URL
    L'attribut SRC est optionnel et indique l'URL qui va charger le code (script).

    EXEMPLE

    <HTML>
    <HEAD>
    <TITLE>
    exemple</TITLE>
    <SCRIPT LANGUAGE="JavaScript">
    <!-- Début du script -->
    document.write("Bonjour, le monde.")

    <!-- Fin du script -->
    </SCRIPT>

    </HEAD>
    <BODY>

    C'est tout!.

    </BODY>
    </HTML>


    Résultat:

    <SCRIPT LANGUAGE="JavaScript"> <!-- Début du script --!> document.write("Bonjour, le monde.") <!-- Fin du script --!> </SCRIPT> C'est tout!.

    Sommaire

    Déclaration

    <SELECT

    ACCESSKEY=nom
    ALIGN=ABSBOTTOM | ABSMIDDLE | BASELINE | BOTTOM | LEFT | MIDDLE | RIGHT | TEXTTOP | TOP
    CLASS=nom
    DATAFLD=nom
    DATASRC=nom
    DISABLED
    ID=nom
    LANGUAGE=JAVASCRIPT | VBSCRIPT
    MULTIPLE
    NAME=nom
    READONLY
    SIZE=nombre
    STYLE=nom
    TABINDEX=nombre
    événement(s)=script>
    <OPTION>
    <OPTION>


    <SELECT>

    Description

    Cette commande permet la création de 2 types différents de boîte liste. Un attribut SIZE à 1 affiche une boîte liste à menu déroulant, alors qu’un attribut SIZE supérieur à 1 affiche une boîte liste normale.

    ATTRIBUTS

    MULTIPLE
    L'attribut MULTIPLE spécifie que l'usager peut sélectionner une ou plusieurs options lorsque que SIZE est supérieur à 1 (pour une boîte liste normale).

    NAME=nom
    Nom identificateur de l’élément pour manipulation dans les scripts.

    SIZE=nombre
    Nombre de ligne visible dans la boîte liste. Une taille de 1 signifie une boîte liste déroulante.

    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 accélérateur à un élément.

    ALIGN=ABSBOTTOM | ABSMIDDLE | BASELINE | BOTTOM | LEFT | MIDDLE | RIGHT | TEXTTOP | TOP
    Permet de spécifier un alignement.

    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.

    LANGUAGE=JAVASCRIPT | VBSCRIPT
    Spécifie dans quel type de langage a été écrit le script.

    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.

    TABINDEX=nombre
    Détermine la tabulation pour l’objet sélectionné.

    Événements:

    onblur, onchange, onfocus

    Extensions Microsoft Explorer:

    onafterupdate, onbeforeupdate, onclick, ondblclick, onhelp, onmousedown, onmousemove, onmouseout, onmouseover, onmouseup, onresize

    EXEMPLE

    <FORM METHOD=GET ACTION="http://www.monsite.com">
    <SELECT NAME="unNom" SIZE=1>

    <OPTION>
    option1
    <OPTION> option2
    <OPTION> option3
    <OPTION> option4

    </SELECT>
    </FORM>


    Résultat:

    Sommaire

    Déclaration

    <SMALL

    CLASS=nom
    ID=nom
    STYLE=nom
    événement(s)=script></SMALL>

    Description

    Cette commande spécifie le texte qui sera affiché en petit.

    ATTRIBUTS

    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

    EXEMPLE

    Le mot suivant est affiché en <SMALL>petit.</SMALL>

    Résultat:

    Le mot suivant est affiché en petit.

    Sommaire

    Déclaration

    <SPACER

    ALIGN= TOP | BOTTOM | MIDDLE | LEFT | RIGHT | TEXTTOP | ABSMIDDLE | BASELINE | BOTTOM
    CLASS=nom
    HEIGHT=nombre
    ID=nom
    SIZE=nombre
    STYLE=nom
    TYPE=HORIZONTAL | VERTICAL | BLOCK
    WIDTH=nombre>

    Description

    Cette commande permet d'insérer un bloc d'espace vide dans votre document. Cet espace peut être horizontal, vertical ou les deux à la fois.

    ATTRIBUTS

    ALIGN=TOP | BOTTOM | MIDDLE | LEFT | RIGHT | TEXTTOP | ABSMIDDLE | BASELINE | BOTTOM
    Alignement de l’espacement. Cet attribut est utile lorsque le type est à BLOCK.

    HEIGHT=nombre
    Cet attribut est utile lorsque le type est “block”. Il spécifie la hauteur du bloc. La valeur est en pixel.

    SIZE=nombre
    Cet attribut fonctionne lorsque le type est “horizontal” ou “vertical”. Il spécifie la dimension de l'espace vide. La valeur est en pixel.

    TYPE=HORIZONTAL | VERTICAL | BLOCK
    Spécifie le type d'espacement que vous voulez insérer. Il y a trois types d'espacement. Le type “horizontal” permet d'insérer des espaces horizontaux. Le type “vertical” permet d'insérer des espaces verticaux et Le type “block” permet d'insérer un bloc d'espace vide dans votre document.

    WIDTH=nombre
    Cet attribut est utile lorsque le type est “block”. Il spécifie la largeur du bloc. La valeur est en pixel.

    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.

    EXEMPLE

    Ceci est un exemple de<SPACER TYPE=HORIZONTAL SIZE=60> la commande SPACER.

    Résultat:

    Ceci est un exemple de la commande SPACER.

    Sommaire

    Déclaration

    <SPAN

    CLASS=nom
    DATAFLD=nom
    DATAFORMATAS=nom
    DATASRC=nom
    ID=nom
    STYLE=nom
    événement(s)=script></SPAN>

    Description

    Cette commande permet de définir le style d'affichage du texte qui se trouve entre les balises SPAN. Le texte recevra les paramètres de l'attribut STYLE.

    ATTRIBUTS

    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:

    DATAFLD=nom
    Spécifie le nom de la colonne.

    DATASRC=nom
    Spécifie la source des données s’y rattachant.

    DATAFORMATAS=nom
    Spécifie le type de données à être délimité.

    Événements:

    Extensions Microsoft Explorer:

    onclick, ondblclick, onhelp, onmousedown, onmousemove, onmouseout, onmouseover, onmouseup

    EXEMPLE

    <SPAN STYLE="margin-left:1.0in">Ce texte sera à un pouce de la marge de gauche.<SPAN>

    Résultat:

    Ce texte sera à un pouce de la marge de gauche.

    Sommaire

    Déclaration

    <STRIKE

    CLASS=nom
    ID=nom
    STYLE=nom
    événement(s)=script></STRIKE>

    Description

    Cette commande spécifie le texte qui sera barré par une ligne horizontale. Notez que la balise <S> est équivalente à cette commande

    ATTRIBUTS

    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

    EXEMPLE

    Le texte suivant <STRIKE>est barré</STRIKE>.

    Résultat:

    Le texte suivant est barré.

    Sommaire

    Déclaration

    <STRONG

    CLASS=nom
    ID=nom
    STYLE=nom
    événement(s)=script></STRONG>

    Description

    Cette commande spécifie le texte qui sera affiché en foncée (semblable au caractère gras <B>)

    ATTRIBUTS

    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

    EXEMPLE

    Le texte suivant est affiché de <STRONG>façon foncée</STRONG>.

    Résultat:

    Le texte suivant est affiché de façon foncée.

    Sommaire

    Déclaration

    <STYLE

    TYPE="text/css" | "text/javascript"
    SRC=URL>
    CommandeHTML{ Attribut:uneValeur ; Attribut:uneValeur }

    </STYLE>

    Description

    Cette commande permet à l'auteur d'un document HTML de redéfinir certains paramètres d'un document HTML, telles que les marges, l'espace entre les lignes, l'indexation, la couleur, la police de caractères, et la dimension du texte.

    Il y a quatre façons d'insérer une commande STYLE dans un document HTML:

    1. Vous pouvez l'insérer dans l'en-tête du document. Les paramètres s'appliqueront à tout le document.

    <HTML>
    <HEAD>
    <TITLE></TITLE>
    <STYLE TYPE="text/css">
    <!--
    BODY {background: red; color: yellow}
    H1 {font: 14pt Arial}
    P {font: 10pt Arial; text-indent: 0.5in}
    -->
    </STYLE>
    </HEAD>
    <BODY>

    Le document a une couleur d'arrière plan rouge et le texte est de couleur jaune.

    <H1>Ce texte d'en-tête a une dimension de 14 points et une police Arial.</H1>
    </BODY>
    </HTML>

    2. Vous pouvez utiliser la commande STYLE comme un attribut d'une commande:

    <P STYLE="font-size:20pt"> Le texte du paragraphe suivant aura une dimension de 20 points.

    3. Vous pouvez utiliser la commande STYLE comme un attribut de la commande SPAN. Cette commande sert à spécifier le texte qui recevra les paramètres de l'attribut STYLE:
    <SPAN STYLE="margin-left: 1.0in">Ce texte sera à un pouce de la marge de gauche.<SPAN>

    4. Vous pouvez importer les paramètres STYLE d'un autre document HTML avec la commande LINK. De cette façon, vous pouvez définir dans un document un STYLE et l'importer dans tous vos autres documents HTML de votre site.

    <LINK TYPE="text/css" HREF="styleEnTete.css">

    ou

    <STYLE TYPE="text/css" SRC="styleEnTete.css">
    <!--
    @import: url(styleEnTete.css);
    -->
    </STYLE>

    ATTRIBUTS

    TYPE="text/css" | "text/javascript"
    Retourne le langage CSS préalablement définie dans la feuille de style.

    Extensions Netscape:

    SRC=URL
    Spécifie une feuille de style externe au document. Internet Explorer spécifie plutôt: @import: url(URL);

    EXEMPLE

    <HTML>
    <HEAD>
    <TITLE></TITLE>

    <STYLE TYPE="text/css">
    <!--
    BODY { background : #006000 ; color: red}
    P { font-family: Algerian; font-size : 18pt; color : blue; text-indent: 1in}
    A {text-decoration: none; color : #C0C8FF}
    -->

    </STYLE>
    </HEAD>
    <BODY>

    <!-- La couleur d'arrière plan du document est verte et le texte est de couleur rouge. -->

    texte



    <!-- Le texte qui suit a une police de caractères Algerian, une dimension de 18 points, une couleur bleue et est aligné à 1 pouce de la marge de gauche -->

    texte



    <BR>
    <!-- Le lien n'est pas souligné et est de couleur grise. -->
    <A HREF="URL">un lien</A>

    </BODY>
    </HTML>

    <p>

    Résultat:



    LIEN VERS PAGE DE STYLE

    Sommaire

    Déclaration

    <SUB

    CLASS=nom
    ID=nom
    STYLE=nom
    événement(s)=script></SUB>

    Description

    Cette commande spécifie le texte qui sera affiché en indice (subscript).

    ATTRIBUTS

    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

    EXEMPLE

    Le mot suivant est affiché en <SUB>indice</SUB>. Résultat: Le mot suivant est affiché en indice.

    Sommaire

    Déclaration

    <SUP

    CLASS=nom
    ID=nom
    STYLE=nom
    événement(s)=script></SUP>

    Description

    Cette commande spécifie le texte qui sera affiché en exposant (superscript).

    ATTRIBUTS

    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

    EXEMPLE

    Le texte suivant est affiché en <SUP>exposant</SUP>.

    Résultat:

    Le texte suivant est affiché en exposant.

    Sommaire