Le langage "Html" (ou "Htm") est le langage informatique le plus utilisé sur internet.
La plupart des pages internet ont l'extension "*.html". C'est un langage simple, facile à apprendre et servant de base à beaucoup d'autres langages informatiques. Il peut vous servir à créer un site internet.
Écrire des pages en HTML
Pour créer votre site, il faut savoir quoi dire et comment l'écrire. Cette page vous propose un apprentissage complet du langage HTML, avec ou sans éditeur WYSIWYG.
Quel contenu ?
La première étape, pour créer un site web, est de décider de son contenu. Vous pouvez faire une homepage qui décrive votre vie et vos centre d'intérêt. Ou bien vous pouvez mettre en ligne toutes les nouvelles que vous avez écrites ! Les possibilités sont infinies.
Mais rappelez-vous toujours qu'un site web doit avoir un contenu. J'ai vu tant de sites avec une belle mise en page, de belles images, mais pas grand chose d'autre ! Ou bien encore des sites qui proposent de nombreux liens, mais pas des informations véritables... Ce genre de sites n'ont généralement pas de succès, car la plupart des internautes sont à la recherche d'informations.
Comment allez-vous décider de ce que vous allez mettre sur votre site ?
Si vous ne savez pas encore, vous pouvez commencer par une page personnelle avec des liens vers vos sites favoris. Après avoir fait cela, vous aurez déjà une idée plus précise de vos centre d'intérêt. Vous pourrez ensuite faire un site web sur l'un de vos centres d'intérêt.
Quel est le but de votre site ?
Est-ce que vous voulez distraire ? Informer ? Persuader ? En répondant à cette question, vous dirigerez avec plus de précision vos efforts et votre créativité.
Si votre site est plus qu'une simple page personnelle, vous pourriez mener quelques recherches, afin de l'alimenter en informations. Vous pouvez recourir à la méthode traditionnelle (en allant dans votre bibliothèque habituelle), ou en cherchant sur le web (avec Nomade, Voilà, Altavista ou encore Google).
Comment écrire ses pages?
Vous avez deux possibilités:
Tout d'abord, les écrire sous un éditeur de texte, tel que le bloc-note livré avec Windows (menu démarrer / Programmes / Accessoires / Bloc-Notes). Cela fait très bien l'affaire! L'éditeur de texte permet de maîtriser parfaitement sa page web.
Dans ce cas, on ne voit pas immédiatement le résultat : il faut enregistrer le fichier, puis l'afficher dans son navigateur favoris (Netscape, certainement... :-) ) pour voir sa création dans toute sa beauté... Cela prend en moyenne une seconde et demi, pour les plus lents.
Pour afficher une page faite avec le bloc-note, vous ouvrez l'éditeur de texte, vous tapez votre script, vous choisissez le menu Fichier / Enregistrer sous, puis vous sélectionnez le répertoire et vous tapez enfin le nom de fichier. Ensuite, vous ouvrez votre navigateur, et vous entrez dans l'adresse le chemin complet du fichier que vous venez d'enregistrer, c'est-à-dire une lettre de lecteur, puis tous les répertoires séparés par des anti-slash ( \ ), puis le nom de fichier. (exemple de chemin complet: C:\mes documents\mon_fichier.html ). Et là, vous pouvez voir votre fichier édité dans le navigateur.
Cependant, cette méthode est un peu... rébarbative pour les débutants. Je vous conseille donc plutôt d'utiliser un éditeur wysiwyg (WYSIWYG = What You See Is What You Get). C'est à dire (si vous n'avez pas encore été voir au dictionnaire du net) que l'on voit immédiatement ce que sera le document au final.
Une bonne méthode est d'écrire une première fois à l'aide d'un éditeur wysiwyg, puis de faire des retouches "à la main" à l'aide d'un éditeur texte.
Vous trouverez des éditeurs wysiwyg livrés avec Netscape (Netscape Composer), Internet Explorer (Front Page), ou encore des éditeurs indépendants comme Namo Web Editor, Dream Weaver...
Dans un premier temps, si vous créez vos pages en wysiwyg, vous n'avez pas besoin de connaître le HTML, car vous ne manipulerez qu'un éditeur de texte. Vous pouvez donc aller directement à la partie "héberger son site".
Ce n'est que dans un second temps que vous aurez forcément besoin de connaître un minimum de HTML, pour "mettre les mains dans le cambouis"....
Introduction au HTML
En scripte html, il existe des commandes appelées "balises". Les balises sont délimitées par "<" et" >". Les balises servent à déterminer la mise en forme (taille de l'écriture, police, couleur, alignement...) ou à insérer des objets (insérer une image, etc...).
Par exemple, voyons la balise <P>, qui définit un paragraphe. Un paragraphe doit donc toujours commencer par la balise <P> et se finir par son inverse: </P>.
Exemple: (scripte) <P>Ceci est un paragraphe</P>
donnera:
Ceci est un paragraphe.
En html, le caractére "entrée" n'a aucune incidence: c'est comme si l'on tapait un espace. De même, si l'on met plusieurs espaces à la suite, un seul s'affichera.
Par exemple, si l'on écrit dans le scripte:
<P>Ceci est
une ligne de texte unique</P><P>Ceci est un nouveau paragraphe bien qu'il soit tapé sur la même ligne...</P>
Cela s'affichera comme suit:
Ceci est une ligne de texte unique
Ceci est un nouveau paragraphe bien qu'il soit tapé sur la même ligne...
Vous voyez que tout nouveau paragraphe occasionne un retour à la ligne avec un saut d'une ligne. Pour revenir à la ligne sans sauter de ligne, il faut utiliser la balise <BR>.
Par exemple, si l'on écrit dans le scripte:
<P>Première ligne du paragraphe <BR> Deuxième ligne du paragraphe</P>
Il s'affichera :
Première ligne du paragraphe
Deuxième ligne du paragraphe
Voyons à présent la structure de tout fichier html:
Il doit commencer par la balise <Html> et se terminer par (devinez quoi) la balise </Html>.
Juste après <Html>, on trouve l'en-tête, définie par <Head> et </Head>.
Dans cet ensemble, on insert les informations relatives au fichier html, notamment le titre du document par la balise <Title> (le titre sera affiché dans la barre de la fenêtre qui indique "Netscape" ou "Microsoft Internet Explorer").
Un scripte html commence donc toujours par le texte:
<Html>
<Head>
<Title>Ecrivez ici le titre de la page</Title>
</Head>
Ensuite vient le corps du message, dans lequel on écrit le texte à afficher. Il est délimité par <Body> et </Body>. La suite de notre script est donc:
<Body>
<P>Ce texte s'affichera.</P>
<P>Voici un deuxième <BR> paragraphe...</P>
</Body>
</Html>
Voilà, notre fichier est terminé!
La mise en page
Le format général représente les commandes les plus communes pour la mise en page du document.
Le titre du document, comme déjà vu plus haut, fait parti du format général, les deux commandes spécifient le titre à afficher sur la barre de statut de la fenêtre active. Balises : <TITLE>...</TITLE>
Vous pouvez séparer votre page par une ligne horizontale grâce à la balise <hr>, qui fait ceci:
--------------------------------------------------------------------------------
Vous pouvez l'insérer n'importe où dans le scripte, et il ne requiert pas d'inverse (</hr> n'est pas nécessaire et n'existe pas.)
De la même façon, comme mentionné plus haut, le texte ne fait pas de retour à la ligne automatique, seulement quand un <P> (Paragraph) est présent. Il existe aussi une commande <BR>,(line Break) qui va à la ligne.
En ce qui concerne la mise en page, quelques balises permettent de:
Centrer le texte: <Center> texte centré </Center>
Modifier la taille, la couleur de l'écriture: <Font size="5" color="#FF0000"> Texte de couleur "#FF0000" et de taille 5 </Font>
Mettre le caractère en gras: <B> texte en gras </B>
Souligner le texte: <U> texte souligné </U>
Mettre en italique: <I> Texte en italique </I>
Comme vous l'avez remarqué, certaines balises ne sont pas seules (comme <Font size="4" color="#FF0000">): elles ont des arguments. Les arguments permettent de spécifier plus exactement ce que l'on veut. Ils sont désignés par une propriété (ex: size) qui est égale à une valeur (ex: 5).
On l'écrit alors ainsi (sans les parenthèses...): <Font (balise pour changer l'écriture) size=6 (propriété à laquelle on attribue une valeur) >
La valeur peut être écrite entre guillemets ( " ) ou entre apostrophes ( ' ), ou sans rien, mais il est préférable de mettre des guillemets.
Vous pouvez insérer une image de fond (c'est plus agréable à voir) dans la balise <Body>.
Pour ce, il suffit de désigner l'image de fond dans le paramètre Background="image.ext".
Par exemple, pour donner un fond à cette page, j'ai utilisé la ligne
<Body background="http://interdico.free.fr/fond1.jpg">
Il est également possible d'insérer un fond sonore...
Dans ce cas, le son sera joué à l'affichage de la page. La ligne à insérer est la suivante :
<bgsound src="fichier.mid" loop="1">
Le paramètre loop indique le nombre de répétitions du fichier musique.
Par ailleurs, pour écrire en bon français, il faut tenir compte que les fichiers http sont sur 7 bits, et donc il faut coder les caractéres nationaux:
È pour È
é pour é
Ç pour Ç
Mais les caractères à accents sont maintenant assez bien gérés et vous pouvez vous permettre de les employer.
Pour tester les effets des différentes propriétés des balises, il faut que vous en fassiez l'expérience, et que vous testiez les résultats. C'est là qu'un éditeur wysiwyg peut être utile lorsque l'on n'est pas encore habitué.
On peut bien sûr additionner ces attributs :
<b>Bonjour<i> le <u> monde </u></i></b>
Donnera: Bonjour le monde
Les hyperliens
Vous savez, puisque vous avez lu la rubrique "Les grandes parties d'Internet" que le caractère principale du langage html est le lien hypertexte...
La balise <A> permet d'inclure des liens hypertexte vers une autre page ou un document quelconque (html, texte, image...), ou dans le même document. Lorsque l'on clique sur ces liens, le navigateur nous emmène vers le document désigné.
Par exemple : <A (nom de la balise: A) HREF="http://interdico.free.fr" (le paramètre désignant le document lié est HREF, et on lui donne donc comme valeur l'adresse du document) >voir Vincnet pour plus de détails (texte affiché et sur lequel il faut cliquer pour suivre le lien) </A> (fin du lien)
Sans les parenthèses, cela donne:
<A HREF="http://interdico.free.fr">voir Vincnet pour plus de détails </A>
Et à l'affichage, on voit:
voir Vincnet pour plus de détails
C'est un lien explicite vers une autre page dont la référence hypertexte est définie par HREF="adresse_du_lien". Pour l'utilisateur verra seulement voir Vincnet pour plus de détails souligné et en bleu, ce qui lui signifiera le passage à un autre lien.
Mais ce lien peut aussi être dans le même document:. Dans ce cas, on se déplacera à un autre endroit de la page en cours.
<A HREF="#glossaire">glossaire</A> définit un lien dans le même document (grâce au caractère # devant le lien).
Il faut alors insérer une balise <A> avec le paramètre Name de valeur "glossaire".
On insérera donc le scripte <A NAME="glossaire"> plus loin dans le même document, à l'endroit où l'on veut aller grâce au lien.
Les URL
Une url est une adresse unique désignant un élément sur Internet (par exemple : http://interdico.free.fr/dico/index.php). Elle se compose de:
Un préfixe qui spécifie à quelle partie d'internet appartient le fichier.
Le préfixe est http:// pour accéder au web.
ftp:// pour accéder à un site FTP (voir "Les grandes parties d'Internet")
file:// pour accéder à un fichier situé sur son propre ordinateur.
mailto: pour envoyer un mèl.
news: pour accéder aux forums.
Un nom de domaine désignant le serveur sur lequel est situé le fichier.
Le nom de domaine est en général du type www.nom.fr
Le chemin du fichier sur le serveur. C'est le répertoire dans lequel est situé le fichier.(exemple: /docs/perl/ )
Et enfin le nom du fichier que l'on veut désigner (exemple: image1.gif)
L'url peut être spécifiée au navigateur dans la partie adresse, mais ce qui nous intéresse, nous, c'est de l'utiliser dans le scripte html...
On l'utilise pour réaliser les liens hypertexte: c'est ce que l'on spécifie dans le paramètre HREF.
Par exemple, si j'écris le code suivant:
<A Href="http://interdico.free.fr/dico/dico.php">Cliquez ici pour télécharger le Dictionnaire du nouveau vocabulaire</A>
J'obtiendrai l'affichage suivant: Cliquez ici pour télécharger le Dictionnaire du nouveau vocabulaire , et si je clique sur ce lien, je me connecterai sur le web au serveur interdico.free.fr, je me positionnerai dans le répertoire /dico, et le navigateur affichera le fichier dico.php.
Si l'on veut créer un lien pour faire envoyer du courrier, il suffit de faire comme suit:
<A Href="mailto:vincnet@netcourrier.com">Envoyer un courrier à l'auteur</A>
Et ça me donnera: Envoyer un courrier à l'auteur
Et si l'on clique dessus (vous pouvez essayer), un nouveau mèl se créera avec l'adresse de destination vincnet@netcourrier.com, que vous n'aurez plus qu'à remplir!
Dernière chose: pour ouvrir un forum, il faut insérer le scripte: <A Href="news:fr.sci.philo">Aller discuter de philo</A>
Il est également possible de donner des adresse relatives. Par exemple, si le document lié est situé dans le même répertoire que le document dans lequel se trouve le lien, on peut ne spécifier que le nom de fichier:
<A Href="fichier.html">Fichier situé dans le même répertoire</A>
Mettre des images
Les éléments image sont utilisées pour incorporer en-ligne des images dans un document HTML. La syntaxe de base est <IMG SRC="FICHIER_IMAGE.GIF" ALT="texte">, le plus souvent et historiquement, le format de l'image est GIF, mais comme une image peut être très grande et arriver très lentement, le paramétre ALT sert à spécifier un texte affiché avant que l'image ne soit arrivée.
Il est aussi conseillé de spécifier la taille de l'image avec WIDTH=largeur_en_pixels, et HEIGHT=hauteur_en_pixels, ce qui permettera au navigateur de préparer un cadre pendant que l'image se charge, et donc de conserver quoi qu'il arrive la mise en page.
Voici donc un exemple d'insertion d'image dans un scripte html:
<Center><P>Voici une image: <br>
<Img Src="http://interdico.free.fr/bannieres/pub1.gif" width="472" Height="50" Alt="Bannière publicitaire"></P></Center>
Ce script donnera:
Voici une image:
Une image comme un texte peuvent constituer un lien hypertexte :
<A HREF="http://machine/ht/info.html">
<IMG SRC="image.gif">
</A>
L'image apparaîtra entourée d'un cadre bleu pour signifier qu'elle est un lien hypertexte, et cliquer dessus aiguillera vers la page info.html. Pour faire disparaître ce cadre, utilisez <IMG SRC="image.gif" BORDER=0>.
Les frames
Vous avez sans doute déjà rencontré des pages divisées en plusieurs parties (ou cadres)... Cela s'appelle des frames.
Ce site est un exemple de l'utilisation de frames : un cadre pour le menu (à gauche), un cadre pour le titre (en haut), et un cadre pour ce texte...
Une frame partage donc la fenêtre du navigateur en deux parties, et y affiche des autres pages html. Les frames peuvent s'imbriquer, et l'on peut fabriquer des pages à trois volets ou plus.
La balise utilisée pour créer une frame est la balise <FrameSet>. Le script est le suivant:
<FrameSet Rows="50%,*" Border="1" FrameBorder="Yes" FrameSpacing="0">
<Frame Src="http://interdico.free.fr/menu.html" Scrolling="Auto">
<Frame Src="http://interdico.free.fr/accueil.html" Scrolling="Auto">
</FrameSet>
Le paramètre Rows de la balise <FrameSet> sert à définir la place qu'occupe la première frame. Elle peut être définie en pourcentage ou en chiffre constant. On peut donc écrire:
Rows="30%,*" ou Rows="100,*" (taille en pixels). Il ne faut pas oublier l'astérisque !
Attention! Il faut écrire Rows lorsque l'on désire des frames horizontales ! Si l'on veut des frames verticales, il faut simplement remplacer le paramètre Rows par Cols. (on écrira Cols="30%,*")
Le paramètre Scrolling des balises <Frame> permet de spécifier si l'on veut ou non de barres de défilement.
Enfin, FrameBorder permet d'entourer les frames par une bordure ou non.
Si l'on veut découper une fenêtre en plus de deux frames, il faut procéder comme suit :
<frameset rows="31%,*" framespacing="0" frameborder="no">
<frame src="Haut.html" name="haut">
<frameset cols="22%,*" framespacing="0" frameborder="no">
<frame src="Choix.html" name="choix" scrolling="no">
<frame src="Accueil.html" name="contenu">
</frameset>
</frameset>
Les listes
Des balises permettent de mettre en retrait du texte, ainsi que de le numéroter.
Il en existe trois types:
• <ul> : Met en retrait le texte jusqu'à la balise </ul>. Il est possible de les cumuler. On peut mettre un onglet devant le paragraphe avec la balise <li>.
Exemple de scripte : <ul><ul>
<li><p> Premier choix (avec la balise <li>) </p>
<li><p> Deuxième choix (avec la balise <li>) </p>
<p> Troisième choix (sans la balise <li>) </p>
<p> Quatrième choix (sans la balise <li>) </p>
</ul></ul>
Ce scripte donne:
Premier choix (avec la balise <li>)
Deuxième choix (avec la balise <li>)
Troisième choix (sans la balise <li>)
Quatrième choix (sans la balise <li>)
• <ol> : Met en retrait le texte jusqu'à la balise </ol>. On peut numéroter les paragraphes avec la balise <li>.
Exemple de scripte : <ol><ol>
<li><p> Premier choix (avec la balise <li>) </p>
<li><p> Deuxième choix (avec la balise <li>) </p>
<p> Troisième choix (sans la balise <li>) </p>
<p> Quatrième choix (sans la balise <li>) </p>
</ol></ol>
Ce scripte donne:
Premier choix (avec la balise <li>)
Deuxième choix (avec la balise <li>)
Troisième choix (sans la balise <li>)
Quatrième choix (sans la balise <li>)
Les commentaires
Il existe une commande pour mettre des commentaires dans le texte d'une page HTML, c'est à dire que ce texte ne sera pas affiché, mais est là comme commentaire, par exemple pour écrire le nom de l'auteur caché dans le document:
<!-- Fichier écrit par Vincnet -->
N'en abusez pas, car le scripte HTML est transmis tel-quel avec les commentaires aux navigateurs, et donc en mettre trop augmente inutilement la taille du fichier, et ralentit son accès.
Les tableaux
Les tableaux sont, il faut le reconnaître, des objets difficiles à créer directement en code html. Je vous conseille donc d'utiliser un éditeur wysiwyg pour les tableaux compliqués. Cependant si vous souhaitez quand même faire des tableaux "à mains nues", voici la syntaxe:
Un tableau est défini par des entêtes, des lignes et des cellules. On définit une table par la balise <TABLE> et se termine comme tout attribut par </TABLE>. On peut définir l'épaisseur du cadre du tableau avec le paramètre BORDER=valeur dans la balise du tableau ainsi que la largeur avec le paramètre WIDTH=valeur qui peut être exprimé en pourcentage (%).
On peut ajouter un titre au tableau à travers la balise <CAPTION>Titre du tableau</CAPTION>.
Le tableau se définit de haut en bas, ligne par ligne suivant un <TR>. Pour définir les noms de colonnes on utilise <TH>nom</TH>, et pour les noms de ligne <TH ALIGN=left>nom</TH>.
Les balises <TH> et <TD> peuvent prendre plus de place que celle attribuée initialement en utilisant les paramètres COLSPAN et ROWSPAN dans les balises, le premier accaparant le nombre de ligne demandé, et le second le nombre de colonnes.
Voici un exemple:
<TABLE BORDER>
<CAPTION> Test de table </CAPTION>
<TR><TH ROWSPAN=2><TH COLSPAN=2> Moyenne
<TH ROWSPAN=2> autre <BR>
catégorie <TH> Divers
<TR><TH> taille <TH> poids
<TR><TH ALIGN=LEFT> pales <TD>
1.9 <TD> 0.003
<TR><TH ALIGN=LEFT ROWSPAN=2> hélices
<TD>N; 1.7 <TD> 0.002
</TABLE>
test de table moyenne autre catégorie divers
taille pales 1.9 0.03
poids hélices 1.7 0.002
Les paramètres d'alignement doivent être définis dans chaque case. Dans la balise <TABLE>, le paramètre COLSPEC permet de féfinir des attributs pour les colonnes, par exemple COLSPEC="L20 C8 R13" définit que la première colonne est alignée à gauche (Left) et de taille 20, la deuxième centée (Center) et de 8, et la troisième alignée à droite de 13.
Les formulaires
L'inclusion de formulaires dans les documents HTML permettant aux utilisateurs de rentrer des informations dans les documents. Il s'agit d'objets comme des zones de texte, des cases à cocher, des listes déroulantes...
Ceci est un formulaire :
Veuillez entrer votre prénom :
Êtes-vous
un homme?
une femme ?
Choisissez votre nationalité :
Les balises utilisées dans les formulaires sont :
<FORM> ... </FORM> : Doit obligatoirement encadrer un formulaire dans un document.
<INPUT type="type">: La balise <Input> sert pour beaucoup d'objets, selon la valeur du paramètre type. Elle peut être une zone de texte (type="text"), un boutton pour déclencher une actions (type="button"), une case à cocher (type="radio" ou type="checkbox")...
<OPTION> : Génére une liste déroulante.
<TEXTAREA ...> ... </TEXTAREA> : une zone de texte sur plusieurs lignes.
On donne aux objets des noms, permettant de les identifier lorsque l'on veut récupérer les informations qu'ils contiennent. Le nom est donné dans le paramètre Name.
Par exemple: <Input type="text" Name="zone_de_texte">
Ici, la zone de texte sera identifiée par le nom zone_de_texte (pas d'espace dans un nom...). On pourra en récupérer le contenu en JavaScript dans la propriété zone_de_texte.value, par exemple... (voir à ce sujet la rubrique sur le JavaScript)
Voici un exemple de scripte pour créer un formulaire: (les textes entre <!- et -> sont des commentaires.)
<Html>
<Head><Title>Exemple de formulaire</Title></Head> <!- donne un titre à la page ->
<Body>
<Form Name="formulaire" action="/cgi-bin/cgi.pl">
<P>Entrez votre adresse d'mèl : <Input type="texte" name="mèl" value="Pas de mèl"></P>
<P>Voulez-vous vous abonner à notre groupe? <Input type="radio" name="pub" selected> Oui <Input type="radio" name="pub"> Non </P>
<P>Cliquez ici pour envoyer le formulaire : <Input type="submit" value="Envoyer">
<br>Pour tout effacer : <Input type="reset" value="Effacer"> </P>
</Form>
</Body>
</Html>
Dans l'exemple, RESET réinitialise les formulaires, et SUBMIT transmet les informations au fichier /cgi-bin/cgi.pl spécifié dasn le paramètre action de la balise <form>. Mais pour fabriquer de tels fichiers capables de traiter les données, il faudra utiliser les CGI.
Si vous spécifiez dans le paramètre action la valeur "mailto:vincnet@netcourrier.com", le formulaire sera envoyé à l'adresse vincnet@netcourrier.com.
Il existe un grand nombre de méthodes pour entrer du texte, l'un de ceux-là est de permettre d'entrer du texte sur plusieurs lignes, comme avec le Textarea.
Le scripte ci-dessus donnera cela:
Entrez votre adresse de mèl :
Voulez-vous vous abonner à notre groupe?
oui / non
Cliquez ici pour envoyer le formulaire : Cliquez ici
Pour tout effacer :
Pour en apprendre plus, vous pouvez analyser les pages web que vous consultez sur le web et qui recélent des éléments qui vous intéressent...
Les CGI
C'est ce qui permet par exemple d'exécuter des commandes coté serveur et de récupérer le résultat pour le transmettre au butineur du client. Le CGI est exécuté sur le serveur, pas sur l'ordinateur de l'internaute. C'est le CGI qui enregistre les résultats des formulaires, qui les trie, qui affiche des compteurs, etc...
Les deux CGI les plus utilisés sont le Perl et le PHP. Le C n'est presque plus utilisé. Le PHP et le Perl se ressemblent : le PHP est plus simple, mais le Perl est plus puissant. Pour vous initier à perl, allez dans la rubrique perl de ce site.
La plupart des hébergeurs autorisent les scriptes PHP; ils sont plus rares à autoriser les scriptes Perl, pour des problèmes de sécurité.
Les compteurs de pages sont trés appréciés par les connectés et les propriétaires de la pages. Ils permettent de savoir le succés de celle-ci. Si le serveur n'en dispose pas, certains autres permettent gratuitement d'en avoir. Ils sont utilisables simplement comme des images et sont incrémentés (augmentés de 1) à chaque rechargement de la page.
Les balises meta
Pour faciliter le référencement par des moteurs de recherche , il est préférable d'insérer des balises meta dans l'entête de la page:
<HTML>
<HEAD>
<TITLE> Mon titre </TITLE>
<META NAME="GENERATOR" CONTENT="mon
&eNacute;diteur de texte [Par exemple Bloc-Note]">
<META NAME="Author" CONTENT="mon
nom">
<META NAME="Description" CONTENT="DescNription du site: mon site parle de
la sexualité des castors lapons vers l'an mille en Chine">
<META NAME="Keywords" CONTENT="mots
clNef associés séparés par des espaces">
</HEAD>
Bla bla bla...
</HTML>
Voilà maintenant vous n'avez plus qu'a vous exercez afin de maîtrisez ce langage !
Une fois ce langage acquis, il vous suffit de rendre votre site intéractif et pour cela je vous conseille le Langage JavaScript.
Vous pouvez aussi rechercher les scripts à insérer dans votre pages .html en cliquant sur ce lien :
Editeur JavaScript