[PDF] [PDF] GUIDE HTML

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 



Previous PDF Next PDF





[PDF] Les principales balises Html

Les principales balises Html Structure Html Structure Début et fin du corps du fichier Html Mise en gras du texte



[PDF] LE CODE HTML

Le language HTML se construit avec des BALISES Une BALISE se Cette class détermine que les textes seront en gras et de couleur orange La syntaxe 



[PDF] Tuto-D1_ balisesHTML - Mon COURS de TECHNO

Tuto-WemosD1-balises HTML P Pujades/N Tourreau-Ac Toulouse Améliorer le design de sa page HTML mettre en forme du texte : Gras, Italique - insérer  



[PDF] Outil de lInternet - LAMSADE - Université Paris-Dauphine

encadrent : Ce texte est en gras Les balises HTML peuvent parfois être uniques : la balise représente par exemple un retour à la ligne 2 Notion 



[PDF] Notion de langage HTML

Une balise en HTML se referme (presque) toujours : Si est ouvert, Nous voulons maintenant mettre My flowers are beautiful en gras-italique-souligné :



[PDF] GUIDE HTML

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 



[PDF]

Ces balises peuvent être insérées n'importe où dans le texte, entre 2 phrases, mots, lettres Le cours HTML Le cours 



[PDF] LANGAGE HTML : STRUCTURE GENERALE, FORMATAGE DU

Les balises fermantes sont faites de la même instruction, mais entre Par exemple pour mettre du texte en gras on utilise la balise : Exemple 



[PDF] Balise - EST FES

Programmation en HTML, CSS, JavaScript, PHP et MySQL gras Il est utile pour créer les grands titres d'une pages La balise désigne un titre de 

[PDF] balise html image

[PDF] balise html italique

[PDF] balise html pdf

[PDF] balise html5

[PDF] ball cluster learning

[PDF] bản đồ du lịch paris

[PDF] bản đồ metro paris

[PDF] bản đồ quận paris

[PDF] bản đồ tàu điện paris

[PDF] bản đồ thành phố paris

[PDF] bản đồ thủ đô paris

[PDF] bản đồ zone paris

[PDF] banana oil ester

[PDF] banco do brasil bb cobrança download

[PDF] bandolero paris latino (md dj remix)

GUIDE HTML - MENTAL WORKS © 2003

1

GUIDE HTML

> RETOUR A LA LIGNE Pour forcer un retour à la ligne, insérez la balise
. [BR comme BReak (rupture) en anglais] Exemple : Ceci est une phrase
dont on force le retour à la ligne

Affichage résultant :

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]

Exemple :

Ceci est une phrase dont le mot bonjour est en gras

Affichage résultant :

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]

Exemple :

Ceci est une phrase dont le mot bonjour est en italique

Affichage résultant :

Ceci est une phrase dont le mot bonjour est en italique

ADMINISTRATIONDE VOTRE 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.

GUIDE HTML - MENTAL WORKS © 2003

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 !

Exemple :

Le mot bonjour est à la fois en gras et en italique

Affichage résultant :

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]

Exemple :

Ceci est une phrase dont le mot bonjour est souligné

Affichage résultant :

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.

Exemple :

Ceci est une phrase dont le mot bonjour est en bleu et en taille 3

Affichage résultant :

Ceci est une phrase dont le mot bonjour est en bleu et en taille 3

GUIDE HTML - MENTAL WORKS © 2003

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 ci- dessous. 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).

Exemple :

Ceci est une phrase dont le mot bonjour est un lien hypertexte qui renvoie vers la page autre.htm

Affichage résultant :

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 :

Exemple :

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

Affichage résultant :

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 E-MAIL Pour créer un lien hypertexte afin de renvoyer l'internaute vers une adresse de messagerie e-mail, utilisez la syntaxe suivante :

Exemple :

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

Affichage résultant :

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

GUIDE HTML - MENTAL WORKS © 2003

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 Valeur en hexadécimal

aqua #00FFFF black #000000 blue #0000FF fuschia #FF00FF gray #808080 green #008000 lime #00FF00 maroon #800000 navy #000080 olive #808000 purple #800080 red #FF0000 silver #C0C0C0 teal #008080 white #FFFFFF yellow #FFFF00

Exemple :

bonjour et bonjour Sont équivalents produisent le même affichage :

Bonjour

GUIDE HTML - MENTAL WORKS © 2003

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 :

GUIDE HTML - MENTAL WORKS © 2003

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 7,5 points taille 2 10 points taille 3 (taille standard) 12 points taille 4 13,5 points taille 5 18 points taille 6 24 points taille 7 36 points

Arial (PC) / Helvetica (Mac)

taille 1 7,5 points taille 2 10 points taille 3 (taille standard) 12 points taille 4 13,5 points taille 5 18 points taille 6 24 points taille 7 36 points

Verdana (PC/Mac)

taille 1 7,5 points taille 2 10 points taille 3 (taille standard) 12 points taille 4 13,5 points taille 5 18 points taille 6 24 points taille 7 36 pointsquotesdbs_dbs17.pdfusesText_23