03 février 2007

Les bases du HTML

Qu'est-ce que le HTML ?

Le HTML est le langage qui permet de concevoir les pages qui constituent le World Wide Web.
Son principe est simple : les pages codées à l'aide des commandes de mise en forme sont interprétées par le navigateur et s'affichent sur votre écran. Ce n'est ni plus ni moins qu'un langage de mise en page.
Il repose sur des balises (ou tags, ou marqueurs) qui spécifient la façon dont le texte sera affiché (gras, italique, polices...). Ces balises permettent également d'insérer différents objets dans votre page : image, son, animations...

Note : Même si vous composez votre page à l'aide d'un éditeur de type WYSIWYG, il est préférable de posséder quelques notions de HTML, afin de garder un meilleur contrôle sur votre création.

Structure d'une page HTML

Une page HTML doit toujours commencer par la balise <html> et se terminer par </html>.
Elle se compose de deux parties :

  • un en-tête, situé entre les balises <head> et </head>, qui contient les informations n'apparaissant pas sur la page, telles que le titre ou les balises <META>, utilisées pour le référencement de votre site.
  • le corps, délimité par <body> et </body>, où se trouve tout ce qui apparaît sur la page.

Tout document HTML se présente donc de la façon suivante :

<html>
<head>
<title>Titre de la page</title>
</head>
<body>
Contenu de votre page
</body>
</html>

Pour recopier ce code sélectionnez-le en cliquant dessus, copiez-le (Ctrl+c) puis collez-le dans votre document (Ctrl+v).

Les balises

La plupart des tags se composent d'une balise d'ouverture et une balise de fermeture :
<TAG> votre texte </TAG>.
Par exemple <b>votre texte</b> fera apparaître en gras tout ce qui se trouve entre ces balises.
Elles s'écrivent indifféremment en majuscules ou minuscules.

Note : Vous pouvez à tout moment consulter le code source d'une page Web grâce à la fonction "Afficher la source" de votre navigateur ou à l'aide du clic droit de la souris (sur PC).

Voici les principales balises de mise en page :

<br> : saut de ligne
<p>...</p> : retour chariot et saut de ligne
<b>...</b> : style gras
<i>...</i> : style italique
<u>...</u> : style souligné
<font> : paramètres de la police (par exemple : <font color="#000000" face="Arial">
<hr> : insère une ligne horizontale
<H1> à <H6> et </H1> à </H6> : titres pré-formatés du plus élevé au moins élevé
<a>...</a> : appel à un lien
<img> : insertion d'image
<title>...</title> : titre qui s'affiche dans la barre de titre de la fenêtre de navigation

Note : Il est tout à fait possible d'utiliser plusieurs balises en même temps (<b><u><i>votre texte</i></u></b>) mais pensez toujours à les refermer en suivant l'ordre dans lequel vous les avez ouvertes : la dernière balise ouverte sera la première à être fermée et ainsi de suite.

Posté par yassin071 à 11:14:48 - - Commentaires [0] - Permalien [#]


Commentaires sur Les bases du HTML

Nouveau commentaire