@Web Story - Les Balises META et le référencement
logo.jpgpub cidip
accueilSociétéActivitésInternetInformatiqueInfos Légales
logo.jpg
   Le code HTML
   Les instructions PHP
   Quelques codes
   Le Graphisme
   Les languages
   Les codes d'erreurs
   Nos prestations
   contact
   Anti Spam
Les feuilles de style le code META Le code HTML Les balises HTML

Le code HTML

Préambule

Notre objectif est une présentation de la codification HTML. Codification comprise par tous les navigateurs Web et base de tous les sites Web en fonctionnement à ce jour.

Notre ambition est de vous présenter les bases de cette programmation et ainsi, de mettre en avant la simplicité de cette codification.
Nous avons conscience que nous sommes loim d'être exhaustif, mais là n'est pas notre propos.
Il existe des sites et de slivres qui sont cent fois plus complet que cette simple page de présetnation.


Le Html

HTML est le langage universel utilisé pour communiquer sur le Web. Votre information sera ainsi transportée sur cette gigantesque toile qu'est Internet pour aboutir sur l'ordinateur d'un internaute ou un programme appelé navigateur (ou browser) pourra le décrypter et ainsi afficher les informations.

Ce logiciel, que l'on appelle un navigateur, vous permet de surfer sur le Net et d'afficher les "pages" lues. Les plus connus sont Netscape et Internet Explorer de Microsoft mais il en existe beaucoup d'autres.

  • Chaque navigateur a ses particularité.
    Ce qui fait que vous ne saurez jamais comment sera affiché la page que vous avez conçu sur l'ordinateur de l'internautes visitant votre site.
    ce qui fait qu'avec le HTML, vous n'avez pas la maîtrise totale de votre document.

  • Un éditeur de texte suffit pour programmer un site
    En effet, pour ne pas allourdir les lignes téléphonique, support privilégier de cette toile mondiale qu'est Internet, la codificaiton utiliser est tout siùmplement ce bon vieux code ASCII à 7 bits, c'est à dire sans les caractère accentué !!!.
    Ceux-ci faisant l'objet d'une codification spéciale.

  • Mais le HTML est un langage simple
    compris par tous les navigateurs existant, quelques soit la plate forme utilisé (windows, mac, linux, etc...)

    En premier vous avez le texte.
    Mais pour pouvoir "contrôler" son affichage, il faut donner au navigateur des instructions TOUJOURS encapsulé entre les caractères < et >

    Par exemple : <TITLE > pour donner le titre de la page, celui qui sera affiché dans le bandeau en haut de la fenêtre de votre navigateur.

    Certaines balises sont simples comme (<TITLE >), d'autres vont nécessiter des paramètres comme <TABLE BORDER="1" WIDTH="650" > par exemple


    Les outils

    Pour écrire du code HTML, vous n'avez besoins que d'un éditeur de texte comme bloc-notes par exemple.
    Vous savez, celui qui est installé d'office avec Windows.....
    Heureusement, pour vous faciliter la tâche, il en existe qui comprenne le code HTML.
    Leur avantage est qu'il mettre en couleur les balise pour les distinguer du texte.
    Cela facilite grandement la frappe.

    Pour vous les procurer, rien de plus simple :
    Vous en trouverez sur Internet ou plus facilement, sur les CD livré avec les magazines spécialisés.


    Le document Html minimum

    <HTML>

    Balise de début d'un document de type HTML.

    <HEAD>

    Balise de début de la zone d'en-tête

    <TITLE>

    Balise de début du titre de la page.

    </TITLE>

    Balise de fin du titre de la page.

    </HEAD>

    Balise de fin de la zone d'en-tête.

    <BODY>

    Balise de début du document proprement dit.

    </ BODY>

    Balise de fin du document proprement dit.

    </HTML>

    Balise de fin d'un document de type HTML.



  • Vous aurez remarqué qu'à chaque balise de début d'une action, soit <...>, auquel correspond, normalement, une balise de fin </...>.

  • Vous noterez aussi que les balises ne sont pas "case sensitive". Il est donc équivalent d'écrire <TITLE>, <title>, <Title>, etc.

    Le texte

    Toutes pages web est constitué de texte. Les balises HTML vous permette de l'afficher selon la présentation choisie.


    Exemple de formatage de texte

    Affichage

    Balises à utiliser

    Commentaire

    Gras

    bold

    <B>...</B>

    <STRONG>...</STRONG>

    Début et fin de zone en gras

    Italique

    italic

    <I>...</I>

    <EM>...</EM>

    Début et fin de zone en italique

    Taille de caractère

    font size

    <FONT SIZE=taille>......</FONT>

    Début et fin de zone avec cette taille

    Couleur de caractère

    font color

    <FONT COLOR="#codecouleur">........</FONT>

    Début et fin de zone en couleur

    A la ligne

    line break

    <BR>

    Retour à la ligne

    Commentaires

    Comments

    <!-- *** -->

    Ne pas traiter (commentaire pour le programmeur)

    Centrage

    center

    <CENTER>......</CENTER>

    Centrer



    Exemple de code HTML :

    <HTML>
    <HEAD>
    <TITLE></TITLE>
    </HEAD>
    <BODY>
    texte simple<BR>
    <B>texte en gras</B><BR>
    <STRONG>texte en gras</STRONG><BR>
    <I>texte en italique</I><BR>
    <EM>texte en italique</EM><BR>
    <B><I>texte en gras et en italique</I></B><BR>
    <FONT SIZE=5>texte en taille 5</FONT>
    <FONT COLOR="#0000FF">texte en bleu</FONT>
    <!--Commentaire-->
    </BODY>
    </HTML>

    Ce qui donne :


    texte simple
    texte en gras
    texte en gras
    texte en italique
    texte en italique
    texte en gras et en italique
    texte en taille 5
    texte en bleu



    Les principales balises de texte à connaître

  • Le texte tout simple s'écrit sans balises. Il sera afficher par le navigateur avec la police et taille de caractères selon sa configuration par défaut.
    D'un manière générale, quand vous sélectionnez une police de caractère, celle-ci ne s'affiche que si elle est présente sur l'ordinateur de l'internaute.

  • Le même browser ne tient compte que d'un seul espace entre les mots. Ainsi pour lui
    <FONT SIZE=5>texte</FONT>
    <FONT COLOR="#0000FF">en bleu</FONT> est équivalent à
    <FONT SIZE=5>texte</FONT><FONT COLOR="#0000FF">en bleu</FONT>

  • Il n'est pas rare d'utiliser plusieurs balises les unes après les autres. Il vous faut veiller à bien les imbriquer. Ainsi <I><U>...</U></I> est correct et <I><U>...</I></U> peut vous créer des surprises.

  • Le navigateur affiche le texte qu'on lui "dicte". Il force un retour à la ligne quand le texte atteint le bord de la fenêtre. Pour rester maitre des retours à la ligne, il vous faut jouer avec la balise : <BR>. Celle-ci représente une action ponctuelle et n'a donc pas besoin de balise de fin.

  • Le tag <BLOCKQUOTE>...</BLOCKQUOTE> introduit un retrait.
    Vous en avez un exemple de ce que ça peut donner avec l'explication de la taille dans le paragraphe suivant.

  • La taille d'un texte peut être indiquée de plusieurs façons :

  • avec un nombre de 1 à 7. Valeur par défaut = 3.

  • de façon relative. Soit -3 -2 -1 0 +1 +2 +3. Valeur par défaut = 0.

  • de façon précise, en point : 12pt ou en pixel : 9px

  • Vous savez déjà que les navigateurs ne reconnaissent qu'un espace entre les mots. Mais, pour remédier à certaine situation, la balise <PRE>...</PRE> affiche un texte dit préformaté. Le navigateur affiche donc le texte telle que définit par le concepteur du site.
    Par exemple :

    V o i c i    Un    Formatage  qu i     comprends  d e s     espaces  v a  r i a  b l e s ...
  • La balise <U>...</U> souligne le texte.
    Attention, par convention (qui à tendance à disparaitre) un lien dans un texte est écrit en soulignés. Par conséquent, il faut utiliser d'autres méthodes pour mettre en avant des portions de texte.

  • Les tags <SUB>...</SUB> et <SUP>...</SUP> placent le texte respectivement en indice et en exposant.

  • Pour aligner du texte, on utilise l'attribut ALIGN ou le tag <CENTER>. Il existe une balise permettant d'aligner différents éléments. c'est le DIV :

    <DIV align=left>...</DIV>
    <DIV align=center>...</DIV>
    <DIV align=right>...</DIV>
    et dernièrement <DIV align=justify>...</DIV>



  • Vous avez ici les principales balises du HTML à connaître pour formater un texte à l'écran. Il existe encore d'autres balises et les évolutions du HTML vont certainnement en apporter de nouvelles. Mais là, le mieux est d'acquérir un guide du HTML permettant une recherche multicritères.

    Les titres et les listes

    Comme dans les traitemetn de texte, il faut pouvoir mettre en place une présentation du texte avec des titres et des listes.

    En voici les principales balises

    Affichage

    Balises à utiliser

    Commentaire

    En-têtes

    Heading

    <Hn></Hn>

    avec n=1 à 6

    Afficher un titre de niveau n et sauter une ligne

    Liste non-ordonnée

    Bullet list

    <UL></UL>

    Afficher le texte sous forme d'une liste non-ordonnée.

    Liste ordonnée

    Numbered list

    <OL></OL>

    Afficher le texte sous forme d'une liste ordonnée.

    Elément de liste

    List items

    <LI>

    Voici un élément de la liste

    Paragraphe

    Paragraph

    <P></P>

    Saut de ligne, insérer une ligne vierge et commencer un paragraphe



    Pour exemple, le code suivant :

    <H1>Les mois du printemps</H1>
    <UL><LI>avril
    <LI>mai
    <LI>juin</UL>
    <P>
    <H3>Les mois d'automne</H3>
    <OL><LI>octobre
    <LI>novembre
    <LI>d&eacute;cembre</OL>

    Donne pour résultat :

    Les mois du printemps


    • avril
    • mai
    • juin


    Les mois d'automne


    1. octobre
    2. ovembre
    3. décembre




    Quelques commentaires :

    &eacute; est l'un de ces caractères spéciaux utilisés pour représenter le é. Les éditeurs Html vous déchargeront de cette corvée.

    Les paragraphes et les en-têtes peuvent s'aligner à gauche, au centre ou à droite.
    <H1 align=left></H1>
    <P align=left></P>
    <H1 align=center></H1>
    <P align=center></P>
    <H1 align=right></H1>
    <P align=right></P>

    Les listes peuvent s'imbriquer:
    <H4>Les 12 mois</H4>
    <UL><LI>Les mois du printemps
    <OL><LI>avril
    </OL></UL>
    Les 12 mois

    ·       Les mois du printemps

    1. avril



    Les liens

    Html (Hyper Text Markup Language) est un langage hypertexte qui vous permet en cliquant sur un mot, une image, une portion de d'image, d'aller ailleurs.

    La syntaxe de ces liens est simple : <A HREF="URL ou adresse">...</A>

    La complexité vient des option et des variantes.

    Les liens vers un autre site Web

  • Lien vers un autre site web : http://serveur/chemin.../fichier

  • Lien vers une boîte aux lettre électronique : mailto:nombal@domaine.ext

  • Lien vers un site de téléchargement de fichier : ftp://serveur/chemin.../fichier

  • Lien vers une autre page du site

    Quand on navigue dans un site Web, chaque fois que l'on fait un clic sur un lien, on appel un autre fichier, une image présentes dans le même répertoire, ou dans un répertoire différents.
    L'organisation des répertoires n'étant pas l'objet de cette page, nous n'en diront pas plus.

    Ce qu'il faut retenir c'est que vous avez deux manière de programmer ces liens :

  • En adressage absolu : : file:///lecteur:/répertoire/fichier.htm

  • En adressage relatif : : ../../../fichier.htm

  • Nous vous conseillons autant faire ce peut, d'utiliser l'adressage relatif. Celui-ci permet, quand il est bien maîtriser, de transporter assez facilement votre site d'un serveur à un autre.

    Les Liens dans la même page, à un autre paragraphe.

    Les ancres

    Lien vers une ancre dans la même page

    <A HREF="#azert">...</A>

    Lien vers la cible azert

    dans la même page

    Lien vers une ancre dans une autre page

    <A HREF="URL#azert">...</A>

    Lien vers la cible azert

    dans une autre page

    Définition d'une ancre

    <A NAME="azert">...</A>

    Ceci est une cible



    Ces types de liens sont très utiles pour naviguer dans une page contenant beaucoup de texte. Maintenant, reste à voir s'il ne vaudrait pas mieux faire plusieurs pages......



    Les images et le choix du format

    En préambule, il existe plusieurs format d'image. deux sont principalement utiliser sur le web : le GIF et le JPG (prononcer JPEG).
    Des différences existent.
    Nous conseillons, pour les logos, les icônes, les images demandant peu de couleur et n'ayant pas de nuance, d'utiliser le GIF en 256 couleur.
    Dans les autres cas, d'utiliser le JPG (photos par exemple).

    Ceci dit, il faut garder à l'esprit que l'enemi du Web est la taille des pages, donc des images.
    Même avec les hauts débits qui se mettent progressivement en place.
    En premier la taille de l'image est prépondérante. Plus elle est grande, plus il faudra du temps pour la charger.
    Il n'y a aucun miracle, les kilos (ko) de l'image, il faut les faire passer par les tuyaux......
    Gagner du poids sur une image diminue sa qualité.
    Et ce n'est pas en changeant de serveur que le résultat sera plus nette ou plus rapide.

    Liens vers une image

    <IMG SRC="./...../Adresse de l'image">

    Pensez à utiliser des adresses en relatif....

    Texte alternatif alt="****"

    Pour afficher un texte quand la souris passe sur l'image

    width=? height=? (en pixel)

    Forcer l'image à s'afficher dans une hauteur et une largeur donné

    border=? (en pixels)

    Bordure



    En Html, l'image ne fait pas partie de votre fichier HTML Le navigateur va la chercher à l'adresse indiquée.
    Presque en conséquence logique de ceci, le fait d'utiliser la même image dans un fichier Html ne modifie en rien sa taille totale de la page à charger.
    Une image utilisée sur plusieurs pages ne sera chargée qu'une fois par le navigateur (sauf si vous forcer la réinitialistion du cache du navigateur)

    Liens à partir d'une image

    <A HREF="fichier.htm"><IMG SRC="image.gif"></A>

    Pensez à utiliser des adresses en relatif....



    La ligne horizontale

    Le html permet d'insérer dans une page des trait horizontaux comme celui-ci :


    La syntaxe

    <HR size=?>

    Epaisseur du trait en pixels

    <HR width=? (ou %)>

    Largeur du trait en pixels ou en % de la fenêtre

    <HR color="#rrvvbb">

    Couleur du trait selon la codification RVB en hexadécimal

    <HR align=left>

    <HR align=right>

    <HR align=center>

    Alignement gauche

    Alignement droite

    Alignement centré



    Les arrière-plans

    Le langage Html permet d'agrémenter la présentation du document d'un arrière-plan [background] coloré ou composé d'une image. Ce qui apporte un élément "artistique" à votre page.

    La balise à utiliser ne pose pas de problème :

    Couleur d'arrière-plan        <BODY BGCOLOR="#$$$$$$">

    Donc, pas de problèmes!

    <BODY BGCOLOR="#000088">

    <H1>Bonjour</H1>

    </BODY>

    La lisibilité n'est pas parfaite. Heureusement, des balises sont prévues pour modifier les couleurs utilisées par défaut par le browser pour le texte et les liens.

    Couleur de texte

    <BODY TEXT="#$$$$$$">

    Couleur de lien

    <BODY LINK="#$$$$$$">

    Lien visité

    <BODY VLINK="#$$$$$$">

    Lien actif

    <BODY ALINK="#$$$$$$">

    <BODY BGCOLOR="#000088" TEXT="#FFFF00">

    <H1>Bonjour</H1>

    </BODY>

    On peut aussi prévoir un fond en image. Cette image (petite de préférence) est affichée en mosaïque par le browser. Attention aux raccords... comme lorsque vous posez du papier peint.

    Texture d'arrière-plan  <BODY BACKGROUND="Adresse">

    <BODY BACKGROUND="PAPER.gif">

    <H1>Bonjour</H1>

    </BODY>

    Les tableaux

    En Html, les tableaux servent non seulement à aligner des chiffres mais surtout à placer des éléments à l'emplacement que vous souhaitez. L'usage des tableaux est donc très fréquent.

    Un tableau est composé de lignes et de colonnes qui forment les cellules du tableau.

    Les balises de base sont donc :

    Définition du tableau

    [Table]

    <TABLE></TABLE>

    Début et fin de tableau

    Définition d'une ligne

    [Table Row]

    <TR></TR>

    Début et fin de ligne

    Définition d'une cellule

    [Table Data]

    <TD></TD>

    Début et fin de cellule



    Un tableau à deux lignes et deux colonnes.

    <TABLE>

    <TR><TD>1</TD><TD>2</TD></TR>

    <TR><TD>3</TD><TD>4</TD></TR>

    </TABLE>

    Joindre des bordures

    Bordure de cadre

    [Border]

    <TABLE border=?></TABLE>

    <TABLE border=2>

    <TR><TD>1</TD><TD>2</TD></TR>

    <TR><TD>3</TD><TD>4</TD></TR>

    </TABLE>

    Il y a encore trois éléments (définis par défaut mais modifiables) :

    L'espace entre les cellules ou

    l'épaisseur des lignes du quadrillage

    <TABLE cellspacing=?>

     

    L'enrobage des cellules ou

    l'espace entre le bord et le contenu

    <TABLE cellpadding=?>

     

    La largeur de la table

    <TABLE width=?>

    <TABLE width=%>



    Les cellules des tableaux

    Nous n'en avons pas fini avec les tableaux. Allons plus loin dans notre étude en nous penchant sur les cellules de ces tableaux.

    Avant toutes choses, les cellules peuvent contenir tous les éléments Html déjà passés en revue soit :

    ·       du texte

    ·       des images

    ·       des liens

    ·       des arrière-plans

    ·       et même des tableaux (eh oui!)

    Bien que l'allure de votre tableaux soit déjà déterminée, chaque cellule est en quelque sorte un petit univers à part qui a ses propres spécifications. Découvrons les balises.

    Largeur d'une cellule

    <TD width=?>  en pixels

     

    <TD width=%>  en pourcentage

    Fusion de lignes

    <TD rowspan=?>

    Fusion de colonnes

    <TD colspan=?>



    Les frames

    Quoi de plus simple que les frames? Mais aussi quoi de plus délicat et dangereux (risque de plantage) que les frames? En outre, tous les browsers n'ont pas la possibilité de les afficher.

    Pour diviser l'écran en plusieurs fenêtres, les balises sont peu nombreuses :

    Zone avec des fenêtres

     

    <FRAMESET>

    </FRAMESET>

    Début de zone avec des fenêtres

    Fin de zone avec des fenêtres

    Agencement des fenêtres

     

    <FRAMESET ROWS="...">

    Fenêtres horizontales

    <FRAMESET COLS="...">

    Fenêtres verticales

    <HTML>

    <HEAD></HEAD>

    <FRAMESET ROWS="30%,70%">

    <FRAME>

    <FRAME>

    </FRAMESET>

    </HTML>

    Attention! <FRAMESET></FRAMESET> remplace <BODY></BODY>

    L'attribut ROWS="hauteur1,hauteur2,...,hauteurN" définit la hauteur des différentes fenêtres en cas de division horizontale.

    La hauteur s'exprime en pixels ou en %. Dans ce cas, on veillera à ce que le total soit égal à100%;

    <FRAMESET COLS="30%,70%">

    <FRAME>

    <FRAME>

    </FRAMESET>

    L'attribut COLS="largeur1,largeur2,...,largeurN" définit la largeur des différentes fenêtres en cas de division verticale.

    La largeur s'exprime en pixels ou en %. Dans ce cas, on veillera à ce que le total soit égal à100%;

    <FRAMESET ROWS="30%,70%">

    <FRAME>

    <FRAMESET COLS="30%,70%">

    <FRAME>

    <FRAME>

    </FRAMESET>

    </FRAMESET>

     

    <FRAME .SRC="URL ou adresse du document à afficher dans la fenêtre">

    On construit 3 fichiers Html élémentaires que l'on place dans le même répertoire que le fichier de frames :

    A.htm

    B.htm

    C.htm

     

     

     

    <HTML><BODY>

    <H4>A</H4>

    </BODY></HTML>

    <HTML><BODY>

    <H1>B</H1>

    </BODY></HTML>

    <HTML><BODY>

    <H1>C</H1>

    </BODY></HTML>

    On reprend le fichier de frame précédent que l'on complète.

    <FRAMESET ROWS="30%,70%">

    <FRAME SRC="A.htm">

    <FRAMESET COLS="30%,70%">

    <FRAME SRC="B.htm">

    <FRAME SRC="C.htm">

    </FRAMESET>

    </FRAMESET>

    Les ascenseurs, comme à la fenêtre A, apparaissent automatiquement. Par l'attribut de la balise <FRAME>  SCROLLING="yes/no/auto" vous pouvez indiquer si la fenêtre doit ou non posséder une barre de défilement.

     Un autre attribut de cette balise <FRAME> est NAME="NOM". Name indique le nom de la fenêtre de telle sorte que cette frame puisse être utilisée comme cible d'un lien hypertexte.

    Ainsi, je voudrais faire un lien sur B pour afficher le contenu de ce lien (prenons le fichier A.htm pour éviter de l'encodage) dans C .

    Le fichier de frames devient :

    <FRAMESET ROWS="30%,70%">

    <FRAME SRC="A.htm">

    <FRAMESET COLS="30%,70%">

    <FRAME SRC="B.htm">

    <FRAME SRC="C.htm" NAME="fenetreC">

    </FRAMESET>

    </FRAMESET>

    Et on met un lien vers A.htm dans le fichier B.htm en désignant comme cible la frame C.

    <HTML><BODY>

    <A HREF="A.htm" TARGET="fenetreC"><H1>B</H1></A>

    </BODY></HTML>

    L'attribut TARGET peut aussi prendre certaines valeurs prédéfinies :

    ·       _blank qui indique au browser qu'il doit créer une nouvelle fenêtre afin d'y afficher le fichier. Dans ce cas, vous ouvrer en fait un nouveau browser.

    ·       _self qui indique que le fichier sera chargé dans la même fenêtre que celle dans laquelle se trouve le lien.

    ·       _top qui implique l'affichage du fichier sur toute la surface de la fenêtre du browser.

     

    VERIFIEZ TOUJOURS VOS DIFFERENTS LIENS AVEC DES FRAMES. Vous éviterez ainsi que votre beau site ne devienne rapidement une "soupe".

     

     Par défaut, les cadres sont séparés par des bordures. Il est possible de supprimer ces bordures mais les attributs à utiliser diffèrent selon Netscape ou Internet Explorer. Netscape utilise l'attribut "border=0" et Explorer, les attributs "frameborder=no" et "framespacing=0" (pour enlever l'espace entre les cadres). Le tout cohabite sans problème. La balise devient alors par exemple :

     <FRAMESET COLS="30%,70%" border=0 frameborder=no framespacing=0>

     Il y a pour terminer la balise <NOFRAMES>...</NOFRAMES> qui est utilisée pour indiquer le texte que doivent afficher les browsers incapables de gérer les frames. Il est même indiqué de prévoir une page sans fenêtres pour que ces visiteurs puissent profiter quand-même de votre site.

    Html avancé

    Même si nous ne faisons que le présenter brièvement, la publication Html, c'est aussi :

    ·       Les images animées.

    ·       Les images cliquables ou mapées

    ·       Les détails de la balise <HEAD>

    ·       Les formulaires

    ·       Les Javascripts

    ·       Les applets Java

     Les images animées qui agrémentent les pages Web sont des images GIF, composées un peu comme les dessins animés, par des logiciels conçus à cet effet. A utiliser avec modération!

    Des Gifs animées sont disponibles sur le Web. Vous pouvez aussi en créer vous-même assez facilement grâce à de petits programmes comme Microsoft Gif Animator, Gif Construction Set, Cel Assembler ou Animation Shop de Paint Shop Pro 5 ...

     

     Les images cliquables sont divisées en zones sur lesquelles il est possible de cliquer et d'ouvrir ainsi une page située à une adresse (URL) déterminée. On apppelle aussi cette propriété l'hypergraphique par rapport à l'hypertexte.

    Ici aussi de petits logiciels comme Mapedit, Map This, CrossEye, Web Hotspots... vous seront d'une grande utilité.

    Les balises seront :

    - pour l'image :

    <IMG SRC="image.gif" USEMAP="#nom">

    - pour les zones cliquables :

    <MAP NAME="nom">

    <Image><AREA SHAPE=RECT COORDS="X1,Y1,X2,Y2" HREF="URL">

    <Image>...

    </MAP>

    Sans entrer dans les détails, voici une image où en cliquant sur la lettre B, le fichier B.htm sera ouvert et en cliquant sur la lettre C, ce sera au tour du fichier C.htm.

    <BODY>

    <IMG SRC="ABC.gif" USEMAP="#Alpha">

    <MAP NAME="Alpha">

    <Image><AREA SHAPE=RECT COORDS="40,10,60,40" HREF="B.htm">

    <Image><AREA SHAPE=RECT COORDS="70,10,95,45" HREF="C.htm>

    </MAP>

    </BODY>

    Avec les formulaires, le langage Html vous ouvre la porte de l'interactivité. Votre interlocuteur pourra remplir un champ de saisie de texte ou d'autres objets interactifs comme des cases à cocher. Ces données seront alors transmises au serveur (au votre), qui devra les traiter.

     
    Tél : +33 4 78 83 16 83 | Email: :info & awebstory.com