Apprendre à créer un site web en 9 lecons avec CreerSonSiteWeb.com

Le HTML, le format des pages web. (2)

Quelques tags utiles

Voici quelques tags très fréquents. Tous ces tags doivent se trouver dans la partie body de votre code html.

LIENS HYPERTYEXTE Voici le tag pour insérer un lien hypertexte dans votre page :

<A HREF="adresse_de_la_page_cible">Intitulé du lien</a>

Remplacez adresse_de_la_page_cible par le nom de la page et son chemin d'accès : si la page cible se trouve dans le même dossier que la page où se trouve le lien pointant vers elle, vous écrirez tout simplement : nomdelapage.htm ou nomdelapage.html par contre si celle-ci se trouve dans un dossier différent, vous écrirez nomdudossier/nomdelapage.html.

Remplacez Intitulé du lien par le nom du lien visible sur la page.

Par exemple, je veux faire un lien vers la page index.htm dans le dossier truc de mon site nommé Accueil, j'écrirais :

<A HREF="truc/index.htm">Acceuil</a>

INSERTION D'IMAGE Voici le tag pour insérer une image dans une page web :

Remplacez adresse_de_limage par le nom de votre image et si elle se trouve dans un autre dossier, son chemin d'accès.

Par exemple, si je veux afficher l'image titre.gif, j'écrirais :

Créez votre première page HTML

Nous allons construire ensemble votre première page HTML. Nous ne mettrons aucun accents ni ponctuation particulière même si cela est possible, mais un peu compliqué pour l’instant.

Commençons par ouvrir le Bloc-Note (Cliquez sur puis sur et enfin sur ).

Écrivons ensuite le code de votre page :

<HTML>
<HEAD>
<TITLE>Ma premiere page web</TITLE>
</HEAD>
<BODY>
<H1>Ceci est ma premiere page web</H1><P>
C'est donc ma premiere page web et blablabla et blablabla et blablabla.<p>
Voici une image... <img src="titre.gif"><p>
... et un lien vers la page d'acceuil de Creare <a href="index.htm">page d'acceuil</a>
</BODY>
</HTML>

Explications :

<H1> signifie que c’est un titre (en gras), le plus grand. (H2 est plus petit est ainsi de suite jusqu’à H6).

<P> indique un retour à la ligne. Il n'est pas obligatoire de le refermer (</p>) : on peut l'utiliser seul.

Remplacez "titre.gif" par une de vos image présente dans le même dossier que votre fichier html.

Ensuite, enregistrez ce fichier dans votre dossier Site dans Mon site web. Appelez le essai.html, choisissez comme type Tous(*.*) puis OK.

Rendez-vous dans votre navigateur et choisissez Fichier | Ouvrir... (pour Microsoft Internet Explorer ) ou Consulter une page... (pour Netscape Navigator) et cherchez votre fichier sur votre disque-dur. Votre première page web apparaît ! (cliquez ici pour voir ce que cela doit donner)

Nous en resterons ici pour l’initiation au HTML et allons apprendre à se servir d’un logiciel qui fait tout ça automatiquement. Mais ne vous inquiétez pas, ces connaissances vous servirons tout de même par la suite.

Si vous souhaitez approfondir le HTML, des cours complets et bien fait sont disponibles sur : http://www.ping.be/~ping9985/html/thehtml.htm.

ASTUCE Pour vous perfectionner, vous pouvez aussi analyser le code source des pages que vous visitez et essayer de comprendre comment ça marche.

Pour cela, cliquez avec le bouton droit sur la page choisie et choisissez Afficher la source.

2 / 2 | QUIZZ | Leçon

version imprimable