La lecture en ligne est gratuite
Télécharger

Cours 2Cours 2
Le HTML de base
-Retour sur le dernier cours
-Les différentes balises du HTML de base
(la mise en page, les couleurs et les images)
- L’utilité de chacunes des balises et comment
s’en servir
Copyright 2006 Philippe Phen - www.CoursHTML.tkRetour: Cours 1
Voici ce que vous avez appris d’important au
dernier cours:
-Les fondations d’une page HTML
(<HTML>, <HEAD> et <BODY>)
-Les balises <P> et <BR>Revenons un peu sur les balises META
• Les balises <META> font partie de <HEAD>
• Voici quelques exemples
• <META NAME="DESCRIPTION" CONTENT="Tapez la description de
votre site ICI">
<META NAME="KEYWORDS" lang="fr-ca" CONTENT="Tapez des
mots clés ICI, séparé, par, des, virgules">
<META NAME="AUTHOR" CONTENT="Noms du ou des webmasters
ICI">
• NAME=“…" Est une indication que vous ne
devez pas changer, c’est NAME qui détermine le
rôle de ce META (Description, Mots clé, Auteur
de la page, etc. )…
Copyright 2006 Philippe Phen - www.CoursHTML.tkGénérateur de META TAGS
• Vous trouverez dans la section “Divers -
Astuces” du site CoursHTML un
générateur de Meta tags qui créera pour
vous les meta tags.
• www.CoursHTML.tkL’alignement des paragraphes
Avec la balise <P>…
Vous pouvez ajouter l’attribut ALIGN=“” à la
balise <P>
L’attribut ALIGN déterminera l’alignement
du contenu du paragraphe
<P ALIGN=“left”> AlignementGAUCHE
<P ALIGN=“center”> Alignement CENTRÉ
<P ALIGN=“right”> DROITE
<P ALIGN=“justify”> JUSTIFIÉ
Copyright 2006 Philippe Phen - www.CoursHTML.tkPour donner du à vos textes…
• Jusqu’a présent, l’attribut TEXT de la balise
BODY (<BODY TEXT=“black”>) vous
permettait de définir la couleur de base du
texte.
• Que fait-on si l’on veut donner différentes
couleurs à chaque paragraphe?
On devra se servir d’une nouvelle balise!Pour donner du à vos textes…
• La balise <FONT> est la balise qui s’occupe du
texte: couleur, taille, écriture, alignement.
Nom de l’attribut Exemple Définit le/la…
FACE FACE="Arial" Style d’écriture
SIZE SIZE="3" Taille du texte
(1 à 7)
COLOR COLOR="Blue" Couleur du texte
ALIGN ALIGN="Left" Alignement du
texte
Ex.<FONT COLOR=“RED” SIZE=“3”> Votre texte </FONT>
N’oubliez pas de fermer votre balise (</FONT>)…
Copyright 2006 Philippe Phen - www.CoursHTML.tkÉtant donné que chaque ordinateur ne possède
pas tous les écritures du monde, il est conseillé
d’utiliser les écritures de bases.
Vous pouvez aussi déterminer un ordre de priorité
pour les écritures… <FONT FACE=“Arial,
Verdana, Courrier">
Explication: Si l’ordinateur qui visite le site ne
possède pas l’écriture Arial, il utilisera l’écriture
Verdana et s’il ne la possède pas, il optera pour
Courrier.Voici quelques balises qui permettront d’ajouter
du style à votre texte.
• <B>Le texte sera en gras</B> (Bold)
• <I>Le texte sera en italique</I> (Italic)
• <U>Le texte sera surlignée</U> (Underlined)
• <STRIKE>Le texte sera barré</STRIKE>
• <BLINK> Texte clignotant </BLINK>
• <SUB> Mode indice </SUB> (Na2SO4)
• <SUP> Mode exposant </SUP> (325²³)
• <TT>Mode Courier </TT> (True Type)
Copyright 2006 Philippe Phen - www.CoursHTML.tk