Non connecté. Connectez-vous ou devenez membre (gratuit).Recherche rapide :     

Tutoriel du HTML

Pour créer des page Web en HTML...


Introduction :

Pour créer des page Web en HTML, il suffit d'avoir un simple éditeur de texte comme Notepad sous Windows (ou Emacs sous Linux). Au lieu d'enregistrer en .txt, il suffit d'enregistrer en .html ou .htm. Vous voilà avec votre premier fichier Web... seulement, il est pour le moment vide. Nous allons donc voir comment le remplir.

Les Balises :

HTML fonctionne avec des balises d'ouverture et de fermeture. Votre programme doit donc commencer par <HTML> et se terminer par </HTML>. Ainsi nous avons défini que le fichier contient un programme HTML.
Note : vous pouvez utiliser indifféremment des majuscules et des minuscules dans votre programme : <HTmL>=<HTML>=<html>.

Un programme HTML contient principalement doux parties : HEAD et BODY.

La partie HEAD :

La partie HEAD contient les entêtes du programme. Celà correspond à des paramètres du programme qui ne seront pas affichés en sortie. J'appellerai la sortie, l''exécuction du fichier dans un navigateur tel que 'Internet Exploreur', 'Netscape', etc...

Entre les balises HEAD : <HEAD></HEAD>

On placera :

Le titre de la page : <TITLE>Titre de la page</TITLE>
Les Metatags : ce sont des balises utilisées par les moteurs de recherche qui définissent l'auteur du site, l'adresse de l'auteur, la date de création, les mots clés pour la recherche de votre site, etc...

Pour définir l'auteur du document :
<META NAME="Author" CONTENT="Votre Nom">
Pour définir les droits d'auteur :
<META NAME="Copyright" CONTENT="Votre Nom, Année de création">
Pour décrire le contenu de vos pages :
<META NAME="Description" CONTENT="Le descriptif de votre page web">
Elle peut comporter jusqu'à 200 caractères.
Noms des programmes utilisés pour créer le document HTML :
<META NAME="Formatter" CONTENT="valeur">
<META NAME="Generator" CONTENT="valeur">
Les mots clés pour les moteurs de recherche :
<META NAME="Keywords" CONTENT="mot1, mot2, mot3, mot4, mot5">
Elle peut comporter jusqu'à 1000 caractères. Il n'est pas nécessaire d'écrire chaque mot en minuscule, puis majuscules, puis avec la première lettre en majusqule...(ex : mot1, MOT1, Mot1), car dans plus de 80% des cas, l'utilisateur tapera sa requête en minuscules dans le moteur de recherche.
Langue utilisée pour l'indexation des robots :
<META HTTP-EQUIV="Content-Langugage" CONTENT="fr">
Changement de l'adresse d'hébergement de vos pages :
<META HTTP-EQUIV="Refresh" CONTENT="10"; URL=http://www.votrenewsite.com> Après le chargement de cette page, le navigateur va automatiquement charger la page indiquée par URL. S'il n'y en a pas (CONTENT="10"), alors la page courante sera rechargée. La valeur est exprimée en secondes.

Ex : (Il vous reste à changer ce qui est en gras)
<META http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<META NAME="description" CONTENT="description1, description2">
<meta HTTP-eQUIv="Content-Type">
<META NAME="author" CONTENT="nom de l'auteur">
<META NAME="Keywords" CONTENT="mot1, mot2, mot3, mot4">
<META NAME="language" CONTENT="fr">
<link rel="made" HREF="ici mettez votre e-mail">
<link rel="owns" HREF=">ici mettez votre nom">
<BASE HREF="URL de votre site">
<META NAME="Copyright" CONTENT="auteur, année">
<META NAME="revisit-after" CONTENT="7 days">
<Meta NAME="TEMPLATE" CONTENT="Nom du fichier">
<META Name="EDITOR" CONTENT="ici mettez votre nom">
<META NAME="Generator" CONTENT="ici mettez votre éditeur (Notepad)">
<META NAME="PROGRAMMER" CONTENT="Nom du programmeur">
<META NAME="LASTREVIEW" CONTENT="Date de la dernière mise à jour">
<META NAME="NEXTREVIEW" CONTENT="Date de la prochaine mise à jour">
<META NAME="expires" content="never">
<META NAME="rating" content="general">
<META NAME="subject" content="ici mettez le sujet">
<META NAME="rev" Content="mailto:ici mettez votre e-mail">
<META NAME="title" content="Titre">


Les balises de style : <STYLE></STYLE>
Elles permettent de définir les types, de tailles, couleurs des caractères suivant si ces caractères sont des liens, des titres ou du simple texte.
. Voir tous les commentaires et/ou en poster un (1)
Re: Tutoriel du HTML
Posté par guillaume.godart le 20/08/2004 07:52:51
Putain... Laisse moi te dire que tes articles sont PUANTS ! je sais pas où t'as pompé mais c'est affreux, tu fais des cours sur le HTML alors que je suis sûr que t'as jamais su pondre une page !

Je sais pas ou t'as été cherché tout ça mais c'est crade et je sais pas non plus ou t'as été chercher l'image et ça me fait péter de rire parce qu'il me semble bien que c'est MON image :p :p :p
. Voir tous les commentaires et/ou en poster un (1)
Publié le 14 octobre 2003
Modifié le 14 octobre 2003
Lu 2 726 fois

. Cet article est un plagiat?
. Imprimable (pdf/html)
Recevoir la lettre d'information :
Connectés :
    0 membres et 257 visiteurs

tubededentifrice.com, ...    CNIL: 752143.     |]  ▼