> RETOUR A LA LIGNE. Pour forcer un retour à la ligne, insérez la balise . [BR comme BReak (rupture) en anglais]

Dimension: px

Commencer à balayer dès la page:

Download "> RETOUR A LA LIGNE. Pour forcer un retour à la ligne, insérez la balise . [BR comme BReak (rupture) en anglais]"

Arthur Prudhomme
il y a 7 ans
Total affichages :

1 GUIDE HTML ADMINIS TRATIO N DE VO TRE SITE Ce document présente les principales balises HTML pour vous permettre d enrichir la présentation des textes gérés par formulaire d administration. > L usage de ces balises reste optionnel et ponctuel. Leur connaissance n est pas obligatoire mais conseillée. > Ces balises sont issues du langage HTML et respectent les normes de ce langage. > Vous pouvez insérer d autres balises que celles présentées mais leur fonctionnement n est pas garanti. Pour respecter la charte graphique et la mise en page d origine, il est déconseillé d utiliser les balises HTML modifiant la police de caractère, la couleur ou la taille du texte. > Tous les champs textes proposés dans un formulaire d administration ne sont pas forcément capables d interpréter les balises HTML. Demandez confirmation en sachant qu il s agit généralement des corps de texte principaux. > RETOUR A LA LIGNE Pour forcer un retour à la ligne, insérez la balise . [BR comme BReak (rupture) en anglais] Ceci est une phrase dont on force le retour à la ligne Ceci est une phrase dont on force le retour à la ligne > GRAS Pour mettre en gras un texte ou un mot, il faut l encadrer entre la balise de début et la balise de fin [B comme Bold (gras) en anglais] Ceci est une phrase dont le mot bonjour est en gras Ceci est une phrase dont le mot bonjour est en gras > ITALIQUE Pour mettre en italique un texte ou un mot, il faut l encadrer entre la balise de début et la balise de fin [I comme Italic (italique) en anglais] Ceci est une phrase dont le mot bonjour est en italique Ceci est une phrase dont le mot bonjour est en italique 1

2 > GRAS ET ITALIQUE Pour mettre un texte ou une phrase à la fois en gras et en italique, il faut l encadrer par les deux groupes de balises (l ordre est sans importance mais les balises de fermeture doivent respecter l ordre inverse d ouverture). Ce principe est applicable à toutes les combinaisons de balises. Attention dans tous les cas à ne pas oublier de refermer les balises ouvertes sous peine d avoir des résultants surprenants à l affichage! Le mot bonjour est à la fois en gras et en italique Le mot bonjour est à la fois en gras et en italique > SOULIGNÉ Pour souligner un texte ou une phrase, il faut l encadrer entre la balise de début et la balise de fin . Attention, le soulignement est généralement déconseillé pour mettre en évidence un mot ou une phrase car il nuit à la lisibilité. En outre, il peut être confondu avec un lien web hypertexte. [U comme Underlign (souligner) en anglais] Ceci est une phrase dont le mot bonjour est souligné Ceci est une phrase dont le mot bonjour est souligné > COULEUR ET TAILLE Pour changer la couleur d un mot ou d une phrase, il faut l encadrer entre la balise de début et la balise de fin . Attention à la syntaxe qui est plus complexe que les balises précédentes : la couleur et la taille sont spécifiés à l intérieur de la première balise. Le choix des couleurs doit être spécifié en héxadédimal ou en utilisant la table des couleurs prédéfinies. Vous pouvez utiliser en conjonction les attributs color et size en sachant que la modification de la taille nuit généralement au respect de la charte graphique. Les valeurs des couleurs et des tailles sont proposées en annexe de ce document. Ceci est une phrase dont le mot bonjour est en bleu et en taille 3 Ceci est une phrase dont le mot bonjour est en bleu et en taille 3 2

3 BALISES AVANCÉES > LIEN WEB INTERNE Pour créer un lien hypertexte afin de renvoyer l internaute sur une autre page de votre site à partir d un mot ou d une phrase, utilisez la syntaxe de l exemple cidessous. Attention, il doit s agir d une page interne créée au préalable et accessible au même niveau d arborescence que la page d appel d origine (dans le cas contraire, il faut utiliser un lien absolu ou relatif). Ceci est une phrase dont le mot <A HREF= autre.htm > bonjour </A> est un lien hypertexte qui renvoie vers la page autre.htm Ceci est une phrase dont le mot bonjour est un lien hypertexte qui renvoie vers la page autre. htm > LIEN WEB EXTERNE Pour créer un lien hypertexte afin de renvoyer l internaute sur un autre site ou sur une autre page à partir d un mot ou d une phrase, utilisez la syntaxe suivante : Ceci est une phrase dont le mot <A HREF= TARGET="_blank"> bonjour </A> est un lien hypertexte qui renvoie vers le site de mental works en ouvrant une autre fenêtre Ceci est une phrase dont le mot bonjour est un lien hypertexte qui renvoie vers le site de mental works en ouvrant une autre fenêtre > LIEN Pour créer un lien hypertexte afin de renvoyer l internaute vers une adresse de messagerie , utilisez la syntaxe suivante : Ceci est une phrase dont le mot <A HREF="mailto:contact@mentalworks.com?subject=hello"> bonjour </A> est un lien qui renvoie vers le de mental works avec comme objet du message le terme hello Ceci est une phrase dont le mot bonjour est un lien qui renvoie vers le e- mail de mental works avec comme objet du message le terme hello 3

4 ANNEXES> COULEURS Il y a deux façons de définir une couleur avec l attribut color de la balise FONT : 1. Soit utiliser une des 16 couleurs prédéfinies reconnues et compatibles par la plupart des navigateurs du marché ; 2. Soit définir précisément la couleur en indiquant ses composantes de rouge, de vert et de bleu en hexadécimal ou en décimal Ceci suppose que vous disposiez d un logiciel de traitement d image (Photoshop ou Paint Shop Pro par exemple) qui puisse vous fournir ces informations. Tableau des 16 couleurs prédéfinies avec leurs correspondances hexadécimales Couleur aqua Valeur en hexadécimal #00FFFF black # blue fuschia #0000FF #FF00FF gray # green # lime #00FF00 maroon # navy # olive # purple # red silver #FF0000 #C0C0C0 teal # white yellow #FFFFFF #FFFF00 bonjour et bonjour Sont équivalents produisent le même affichage : Bonjour 4

5 Table des couleurs HTML Si vous ne disposez pas d un logiciel de traitement d image qui vous affiche la concordance entre la couleur choisie et son code Héxadécimal, voici la table des couleurs HTML compatible tous navigateurs qui vous propose un choix plus important de nuances : 5

6 ANNEXES> TAILLES L attribut size de la balise FONT permet de spécifier 7 tailles standard. Voici le rendu résultant en utilisant les 3 polices standard les plus utilisées : le Times New Roman, l Arial et le Vardana (conçue spécialement pour un affichage écran). La colonne de droite fait la correspondance avec la taille en points. Times New Roman (PC) / Times (Mac) taille 1 taille 2 taille 3 (taille standard) taille 4 taille 5 taille 6 taille 7 7,5 points 10 points 12 points 13,5 points 18 points 24 points 36 points Arial (PC) / Helvetica (Mac) taille 1 taille 2 taille 3 (taille standard) taille 4 taille 5 taille 6 taille 7 7,5 points 10 points 12 points 13,5 points 18 points 24 points 36 points Verdana (PC/Mac) taille 1 taille 2 taille 3 (taille standard) taille 4 taille 5 taille 6 taille 7 7,5 points 10 points 12 points 13,5 points 18 points 24 points 36 points 6

Documents pareils

Bernard Lecomte. Débuter avec HTML

Bernard Lecomte. Débuter avec HTML Bernard Lecomte Débuter avec HTML Débuter avec HTML Ces quelques pages ont pour unique but de vous donner les premiers rudiments de HTML. Quand vous les aurez lues, vous saurez réaliser un site simple.

> RETOUR A LA LIGNE. Pour forcer un retour à la ligne, insérez la balise <BR>. [BR comme BReak (rupture) en anglais]