Cours HTML- Votre première page Web - Les Dossiers

Cours HTML

Support HTML

1 - Creer une page Web

Le HTML (Hypertext Markup Language) est un langage utilisé pour créer des pages Web et pour créer des liens entre elles. Il est très utilisé sur Internet et il est lu avec un navigateur Internet.

Nous allons créer une page wab en utilisant le BlocNote. Le BlocNote est installé sur tous les systèmes Windows. Ouvrez le BlocNote en cliquant sur Démarrer/Tous les programmes/Accessoires et cliquez sur BlocNote.

Le BlocNote s'ouvre.

Le HTML est constitué de balises. La plupart de ces balises ont une balises "ouvrante" et "fermante". La première balises sert à identifier votre fichier comme une page HTML.

<HTML> C'est la balise ouvrante HTML. C'est la premiere ligne de votre page Web. Toutes les balises sont entourées de ces symboles < >. Tous ce qui se trouve entre ces symboles ne sera pas affiché dans le navigateur.

</HTML> C'est la balise fermante HTML. C'est la derniere ligne de votre page Web. C'est une balise fermante car elle contient un slash "/".

Maintenant que votre page web est définie, il faut écrire les différentes parties en utilisant toujours des balises HTML.

<HTML>

<HEAD> Cette balise définie l'en-tête de votre page. C'est ici que votre titre et vos paramètres doivent être mis.
</HEAD>

<BODY> C'est balise définie le corps de votre site, c'est la que se trouvera votre texte et vos images.
</BODY>

</HTML>

Pour donner un titre à votre page: Le titre apparait en haut de la fenêtre du navigateur. Votre balise titre doit se trouver dans votre en-tête (entre <HEAD> et </HEAD>).

<HTML>

<HEAD>
<TITLE>Ma première page Web</TITLE>
</HEAD>

<BODY>
C'est ici que vous mettez votre texte, ce qui apparaitra dans le navigateur.
</BODY>

</HTML>

Le texte entre les balises TITLE est votre titre. Vous noterez que les balises peuvent être ouvertes et fermées sur la même ligne. Tout le texte que vous taperez entre les balises BODY s'affichera tel-quel dans votre navigateur.

Maintenant sauvegardez votre fichier: Cliquez sur Enregistrer-Sous et apres le nom du fichier, mettez l'extension .html . Si vous appelez votre page test le nom sera test.html.

Vous pouvez maintenant afficher votre page à l'aide de votre navigateur. Ouvrez votre navigateur (Internet explorer par exemple ou Netscape). Vous n'avez pas besoin d'être connecté à internet pour afficher votre page (elle est dans votre machine pas sur le web).

Quand votre navigateur est ouvert, faites fichier/ouvrir. Indiquez ensuite où se trouve votre fichier (l'endroit où vous venez de l'enregistrer). Cliquez sur OK quand vous avez réussi à retrouver votre fichier.

Maintenant vous devriez voir votre page web dans votre navigateur.

Félicitations, vous venez de creer votre première page Web.

1 | 2 | 3 | 4 | 5 | 6 | 7