Créer un fichier Éléments requis Formatter le texte
Aligner un objet Images Couleurs
Liens Couleurs des liens Règles horizontales
Listes Tableaux  

 

Enregistrer un fichier

Lorsque vous avez votre code de prêt dans Bloc-Notes,

a) Fichier ... enregistrer sous ...
b) changer le type à tous les fichiers
c) donne le fichier un nom avec extension .html ex: index.html
d) ouvrir le fichier dans Internet Explorer

 

Éléments requis

Type de document <HTML></HTML> Indique le début et la fin du document Exemple des éléments de base
En-tête <HEAD></HEAD>  
Titre <TITLE></TITLE> Indique le titre qui appraît dans la barre de titre
Corps <BODY></BODY> Indique le corps du texte

Formatter le texte

      Exemple
En-tête <H?></H?> H1 à H6 exemple
Gras <B></B> gras  
Italique <I></I> italique  
  <TT></TT> teletype  
Centré <CENTER></CENTER>
centré
  
Clignotant <BLINK></BLINK>    
  <SUB></SUB> H2O  
exposant <SUP></SUP> E=mc2  
taille du texte <FONT SIZE="?"></FONT>

1 2 3 4 5 6 7

 

Aligner un objet

Alginer à la gauche <ALIGN="LEFT">
gauche
Aligner au centre <ALIGN="CENTER">
centré
Aligner à la droite <ALIGN="RIGHT">
droite
Nouveau paragraphe <P>  
Nouvelle ligne <BR>  

Images

Insérer une image <IMG SRC="img/name.xxx"> .xxx = .gif ou .jpg
Redimensionner une image <IMG SRC="img/name.xxx" WIDTH=? HEIGHT=?> en pixels
Ajouter un message à l'image <IMG SRC="img/name.xxx" ALT="message"> message = message qui apparaît

Couleurs

Une liste des noms et codes de couleurs disponibles

Arrière plan avec photo <BODY BACKGROUND= "filename.xxx"> .xxx = .gif or .jpg
Arrière plan avec couleur <BODY BGCOLOR="#$$$$$$"> $$$$$$ = numéro de couleur
Arrière plan avec couleur <BODY BGCOLOR= nomdecouleur > le nom de la couleur choisie

Liens

Lien à une autre page dans le même dossier <A HREF="page.html"> Ajoute le texte ici </A>  
Lien à un autre site <A HREF="URL"> Ajoute le texte ici </A> URL = http://www.yahoo.com
Lien à un autre site en cliquant une image <A HREF="URL"> <IMG SRC="nom.xxx"></A>

URL = http://www.yahoo.com

nom.xxx = nom et extension de l'image
Lien à une autre page dans le même dossier en cliquant une image <A HREF="page.html"> <IMG SRC="nom.xxx"></A> nom.xxx = nom et extension de l'image
Définir un ancre <A NAME="nomdonne">Le texte qui sert d'ancre</A> nomdonne = le nom que tu donnes a l'ancre
Lien à un endroit sur la même page <A HREF="#nomdonne">Ajoute le texte ici </A> nomdonne = le nom que tu as donne a l'ancre
Lien à un endroit sur une autre page <A HREF="page.html#nomdonne">Ajoute le texte ici </A>

page.html = nom de l'autre page

nomdonne = le nom donne a l'ancre

Couleurs des liens

Couleur du texte <BODY TEXT="$$$$$$"> $$$$ = nom de couleur
Couleur d'un lien <BODY LINK="$$$$$$"> $$$$ = nom de couleur
Couleur d'un lien visité <BODY VLINK="$$$$$$"> $$$$ = nom de couleur
Couleur d'un lien actif <BODY ALINK="$$$$$$"> $$$$ = nom de couleur

Règles horizontales

Règle horizontale <HR>  
Épaisseur de la règle <HR SIZE="?"> ? = valeur en pixels
Largeur de la règle <HR WIDTH="?"> ? = valeur en pixels
Largeur de la règle en % <HR WIDTH="?%"> ? = % de la largeur

Listes

Créer une liste

<UL>
< LI> Texte
< LI> Texte
< /UL>

 <LI> Placer ce symbole devant chaque ligne sur la liste
Liste de type disque <UL Type = "DISC">
< LI> Texte
< LI> Texte
< /UL>		 ? = valeur en pixels
Liste de type cercle <UL Type = "CIRCLE">
< LI> Texte
< LI> Texte
< /UL>		 ? = valeur en pixels
Liste de type carré <UL Type = "SQUARE">
< LI> Texte
< LI> Texte
< /UL>		 ? = % de la largeur
Liste numérotée

<OL>
< LI>texte1
< LI>texte2
< /OL>

  
Liste de définitions <DL>
< DT>Texte du terme <DD>Définition
< DT>Texte du terme <DD>Définition
< /DL>		  

Tableaux

Définis un tableau

<TABLE></TABLE>

  
Largeur du tableau en pixels <TABLE WIDTH="?"> ? = valeur en pixels
Largeur du tableau en pourcentage <TABLE WIDTH="?%"> ? = valeur en pourcentage
Nouvelle rangée <TR> Contenu de la rangée </TR>  
Nouvelle cellule

<TD> Contenu de la cellule</TD>

  
Cell padding (espace entre le texte et la cellule) <TABLE CELLPADDING="?"> ? = valeur en pixels
Cell spacing (espace entre les cellules) <TABLE CELLSPACING="?"> ? = valeur en pixels
Aligner la rangée de façon horizontale

<TR ALIGN="LEFT">
<TR ALIGN="CENTER">
<TR ALIGN="RIGHT">

  
Aligner la rangée de façon verticale

<TR VALIGN="TOP">
<TR VALIGN="MIDDLE">
<TR VALIGN="BOTTOM">

  
Aligner le contenu de la cellule de façon horizontale <TD ALIGN="LEFT">
<TD ALIGN="CENTER">
<TD ALIGN="RIGHT">		  
Aligner le contenu de la cellule de façon verticale <TD VALIGN="TOP">
<TD VALIGN="MIDDLE">
<TD VALIGN="BOTTOM">		  
Une cellule qui se répand sur plusieurs colonnes <TD COLSPAN="?"> ? = nombre de colonnes
Une cellule qui se répand sur plusieurs rangées <TD ROWSPAN="?"> ? = nombre de rangées