QuébecSpotRetourner au menu informatique et webmaster           QuébecSpot  Retourner à l'accueil du site
La structure du HTML

Les 3 principaux éléments d'une page html sont :

La balise <html> : indique le début et la fin de la page

La balise <head> : endroit où sont insérés les informations tel les meta

La balise <body> : le corps de la page, là où l'on insère les textes, images, tableaux...


Autres balises

<pre> : texte préformaté
<div> : défini l'alignement, comme pour <center>
<p> : désigne le début d'un paragraphe
<align> : désigne l'ordre donné à la position du texte
<br> : un retour à la ligne
<center> : centrer le texte
<left> : aligne le texte à gauche
<right> : aligne le texte à droite
<justify> : justifie le texte
<b> : bold (gras)
<u> et </u>> : souligner un texte


Exemple de texte : <p align="center"> bonjour ! comment allez-vous ? </p>


Les attributs

bgcolor : pour la couleur du fond de l'écran
background : pour l'image gif ou jpeg à utiliser en fond d'écran
Size : format de l'écriture
Font-face : style d'écriture
color : couleur de l'écriture

Exemple de balise à insérer :
<p align="center"> <font face="Arial" size="1" color="#000000"> Le texte ici </font></p>


La balise image

Pour appeler une image, il faut la balise <img>
Pour localiser l'endroit où se trouve votre image il faut ajouter l'attribut SRC, ce qui donne :
<img src="nom du fichier">

Si par exemple, votre image, appelons-la ici "fleur", est un gif et qu'elle se trouve dans un fichier nommé "images", vous préciserez alors comme ceci :
<img src="images/fleur.gif">


Pour les dimensions de vos images

Width : désigne la largeur de l'image
Height : désigne la hauteur de l'image


Positionnement et alignement de l'image

Les attributs sont :

left : à gauche
right : à droite
middle : au milieu (du texte)
bottom : en bas (du texte)
baseline : sur la ligne du texte
texttop ou top : en haut du texte
border : encadrer l'image

Exemple : <img src="src="im/go_up.gif" width="15" height="15" border="0" align="absmiddle">




Envoyer à un ami



En partenariat avec Branchezvous.com


 * Pour un meilleur rendement, certains éléments du site requiert que le contrôle "Active X" et le "Java script" soient activés dans votre navigateur