Lien vers une adresse de courrier électronique

Un mailto avec sujet, copies et message...
S'il y a quelque chose de pratique avec le Web c'est bien de pouvoir communiquer avec le propriétaire d'un site Internet. Un simple lien hypertext avec la particularité d'ouvrir le logiciel de courrier électronique du visiteur....

 

L'icône de votre site dans les favoris de IE5

Et ajouter votre site dans les favoris.
Vous voulez que le visiteur puisse non seulement ajouter votre site dans ses favoris mais aussi avoir une icône personnalisée, rien de plus simple, il vous suffit d'ajouter l'icône dans le répertoire racine de votre site....

 

Référence des balises HTML

Pour une référence rapide.
Ce tableau contient les balises HTML usuelles avec une courte description.

Redirection et rafraîchissement et diaporama HTML

Avec la balise méta REFRESH
La balise « REFRESH » est considérée comme une balise META (META TAG) mais elle est très particulière car elle permet de changer de page. Il y a deux façons de se servir de cette balise, soit en rafraîchissant la page soit en faisant une redirection....

Frame et Frameset

Les documents à l'intérieur d'un document.
L'utilisation des cadres est devenue pratiquement compatible. Il ne reste qu'un très faible pourcentage de navigateur qui ne les reconnaît pas. Quelques profs ou utilisateurs, que je respecte, qui ne font que lire des textes et qui ne viendront jamais sur votre site....

Structure HTML

Votre premier document HTML
Créé à l’aide d’un logiciel ou avec Notepad, un document HTML est un simple fichier texte. Ce fichier doit avoir l’extension .html ou .htm. Je vous conseille .htm pour plusieurs raisons qui serait longue à énumérer ici. Votre page d’accueil doit être index.htm ou default.htm....

Logiciels et Wysiwyg

Pour construire vos documents HTML
Le HTML est un langage interprété par le navigateur qui ne requière par de compilation. C’est donc dire que vous pouvez créer votre site ou vos documents HTML dans un simple éditeur. Toutes fois,...

 

Définir le FRAMESET

Un FRAMESET simple en lignes ou en colonnes.
Un FRAMESET permet de définir le nombre ainsi que l’espace occupé par les cadres du document ou les FRAMES. Le principe permet seulement de découper votre document verticalement ou horizontalement....

Paramètres du FRAMESET

La finition de vos cadres
Maintenant il faut donner un fini à votre FRAMESET. C’est à dire indiquer l’espace autour des cadres ou une bordure et surtout si vos cadres doivent avoir une barre de défilement ou non. Les paramètres sont définis en premier lieu dans le FRAMESET puis dans chaque FRAME.

FRAMESET Multiple

Un FRAMESET dans un autre FRAMESET
Bon j’ai dit dans l’introduction que nous ne pouvions définir que des FRAMESETs de colonnes ou de lignes. Les FRAMESET sont asser complexes pour les débutants, c’est pourquoi je n’ai pas parlé jusqu’ici de la possibilité de jumeler des colonnes et des lignes dans un FRAMESET. Le principe et pourtant très simple une fois le FRAMESET simple bien assimilé....

Marge du FRAMESET

Problèmes entre IE et Netscape
Pour terminer le tutoriel des FRAMESETs, il faut parler de la compatibilité entre Internet Explorer et Netscape. Et oui, encore une fois. Même si la nouvelle version 6 de Netscape est semblable à IE, il n’en reste pas moins que personne ne l’utilise en raison de son manque de stabilité....

Les paragraphes

Justifier les paragraphes
Déterminer des paragraphes se fait à l’aide de la balise . Un paragraphe est un texte qui est compris entre la balise et la fermeture de cette balise . C’est une des rares balises qui ne nécessite pas de fermeture mais cela est grandement conseillé de la fermer quand même. Je conseil aussi d’utiliser deux balises pour remplacer vos sauts de paragraphe....

Les lignes

Séparateur de paragraphe.
Ce n’est pas à proprement parlé de mise en forme du texte mais il fallait bien la placer cette balise quelque part. Pourquoi ici, eh bien parce qu’elle génère automatiquement un saut de paragraphe tout simplement. Pour tracer une ligne dans votre document vous devez utiliser la balise ....

Retraits et listes

Numéroter des lignes
Pour terminer la mise en forme du texte il y a les très pratiques balises de liste et de retrait. Pour mettre un texte en retrait ou pour énumérer des éléments avec des numéros ou bien des points. Ces balises ne peuvent être placées entre d’autres balises à part dans une table....

Les en-têtes

Utilisées par les moteurs de recherche.
Les en-têtes sont de la première génération des documents HTML. Principalement utilisé pour indiquer le titre et les sous-titres d’un document. Vous pouvez le faire manuellement en utilisant les balises mais vous devez savoir que plusieurs moteurs de recherche utilisent encore les balises d’en-tête pour indexer les pages HTML. Une balise d’en-tête agit sur la grandeur d’un texte,...

Manipuler les Tables HTML

Ou comment metre en forme vos documents.
Ajouté au HTML depuis la version 3, un tableau HTML permet de disposer de façon organisée et alignée des éléments sur une page Web. Constitué de cellules ordonnées en lignes et en colonnes, le tableau est sans doute la balise HTML la plus utilisée mais aussi la plus complexe à saisir....

Que supportent les navigateurs

Tableaux comparatifs sur le potentiel des navigateurs
Quelle technique utiliser pour être absolument certains que le navigateur de vos visiteurs supporte votre travail. Ce n'est pas simple mais si vous savez avec quel navigateur vos visiteurs explorent votre site et à l'aide des tableaux comparatifs suivants,...

Italique

Citations et anglicismes
I pour "italique" et "EM" où EM est l'abréviation de emphatique. Les deux balises permettent d'afficher des caractères italiques. Elle peut être jumelée aux autres balises de mise en forme de caractères....

Police ou FONT

Et tous ses secrets
Cette balise détermine 3 attributs des caractères. C'est pourquoi elle ne peut être utilisée seule. Le premier attribut, FACE détermine la police de caractères. COLOR, la couleur et SIZE la grandeur du caractère....

La Couleur

Il n'y a que 216 couleurs compatibles
L'ATTRIBUT COLOR : La couleur sur un ordinateur est générée à partir d'un mélange de 3 couleurs, le rouge, le vert et le bleu. Un peu comme un cercle chromatique mais sans en avoir les mêmes propriétés....

La Grandeur

Et tous ses secrets
L'ATTRIBUT SIZE : La grandeur de la police dans un navigateur est très relative. Plusieurs options permettent aux usagers des navigateurs de modifier la grandeur de base des caractères affichés dans le navigateur....

Caractère par défaut

Le BASEFONT SIZE=x
Détermine la grandeur par défaut du texte qui est normalement 3. La nouvelle valeur affecte tout le texte du document. Les changements de grandeur utilisés avec SIZE=+1 ou SIZE=-1 etc sont déterminés à partir de la valeur définie par la balise BASEFONT si elle est présente. Vous devez la mettre sous la balise qui marque le début du document....

Le saut de ligne simple

Mise en forme du texte, la balise <BR> et CLEAR
Rarissime, cette balise ne demande pas à être fermée. La balise est très utile, elle permet de changer de ligne. Un document HTML est interprété du haut vers le bas. Toutes les informations s'ajoutent les unes après les autres et changent de ligne une fois le bord de la table ou de la fenêtre atteint....

Empêcher le saut de ligne automatique

Mise en forme du texte, les balises <NOBR> et <WBR>
Les navigateurs forcent le saut de ligne quand le bord de la fenêtre ou d'une table est atteint. Une image forcera automatiquement le document ou une table de sortie de la fenêtre, obligeant ainsi le visiteur à utiliser la barre de défilement pour voir le reste de l'image....

Mise en forme du texte

Introduction
La mise en forme du texte est assez simple en HTML. Les possibilités ne sont pas nombreuses. Pour donner une présentation très marquée à votre document vous devez plutôt utiliser les tables traitées dans un autre tutorial....

Caractères barrés

Barrer un texte
Permet d'afficher une ligne SUR les caractères. Utilisé pour identifier un mot ou une phrase comme étant désuet. Souvent utilisé pour indiquer qu'un prix n'est plus valide. NOTE : Vous devez respecter l'ordre des balises de mise forme....

Introduction au HTML

Le langage dérivé du SGML
Le HTML HyperText Markup Langage nous provient du SGML. C'est un langage interprété de format texte, compatible à la plupart des traitements de texte et des applications de navigation sur Internet. Il y a deux types d'éditeurs spécialisés pour le htlm....

Caractère Gras

Mettre en évidence un mot
De l'anglais B pour "bold" qui signifie gras et "STRONG" qui signifie fort, a pour effet d'afficher les caractères en gras ou foncés. Elle peut être jumelée aux autres balises de mise en forme de caractères....

Mise en forme des caractères

ou comment donner du style à vos textes
Pour bien présenter un texte et mettre en évidence des mots, le HTML permet de modifier l’aspect des caractères de votre document. La grandeur, la couleur ou la police de caractère mais aussi la typographie usuelle comme le souligné ou le caractère gras....

Clignoter

Quoi de plus pénible à voir
De l'anglais "BLINK" qui signifie clignotement, permet d'afficher des caractères qui clignotent. Elle peut être jumelée aux autres balises de mise en forme de caractères. Elle peut être utilisée pour un seul caractère,...

Code des caractères spéciaux

Entités ISO
Exemple : École = &Eacute;cole

Code hexadécimales des couleurs

Une combinaison de rouge de vert et de bleu
Les couleurs d’une page Web doivent être en hexadécimal (Hex code) pour pouvoir être interprété par le navigateur. En gros, il s’agit d’une combinaison de trois chiffres représentant une variation des 3 couleurs de base (rouge,...

Mise en forme d'un document et compatibilité

Le même résultat sur tous les navigateurs
Plusieurs configurations de base limitent le positionnement précis des objets sur une page web. Pour créer un site web et disposer des élément sur une page vous devez travailler avec un espace limité,...

 

L'Offset ou la marge par défaut

Impossible, mais il y a une solution
Il existe toujours une marge par défaut dans un navigateur. Entre les objets et la fenêtre du navigateur une zone tampon ne peut être utilisée. Le tableau suivant indique la zone tampon de chaque navigateur selon le système d'exploitation :

Résolution minimale ou le canevas

Fini l'horrible barre de défilement
La question des questions, dois-je designer mon site pour une résolution de 640x480 ou pour celle de 800x600 ? Il existe deux écoles de pensées où la véracité du débat reste très technique. D'un côté les vendeurs veulent rendre accessible leur site au plus grand nombre possible de visiteurs alors que de l'autre désigne ce laisser aller comme étant un frein au développement. Quant à moi,...

Grandeur des éléments d'un formulaire

Comment limiter les dégâts.
Voilà le clou du spectacle, les formulaires. Ce n'est pas simple ajuster un formulaire sur une page web alors imaginez de le faire pour tous les navigateurs quand la grandeur, l'espace et la typographie sont variables....

La grandeur du texte

Absolument anarchique
La grandeur du texte diffère énormément entre les navigateurs et les systèmes d'exploitation. Bien que ce soit une évidence. Je vais jeter ici quelques points sur ce problème des plus difficiles à maîtriser de la mise en forme de document HTML. Premièrement votre design ne doit pas directement dépendre de la grandeur d'une police de caractère....