Avant de commencer la programmation en HTML, il vous faut un logiciel. Il existe différentes sortes de logiciel gratuit ou payant permettant de créer des web tels que Dreamweaer ou FrontPage. Pour notre part, nous allons utiliser un logiciel gratuit que vous avez tous sur votre ordinateur. C'est le bloc note. Le bloc note c'est le plus basic des éditeurs de site web mais tellement efficace. Ouvrez le bloc note en cliquant sur Démarrer, Tous les programmes puis Accessoires et enfin Bloc-notes. La fenêtre suivante s'ouvre alors :
Une balise HTML est une balise formée de caractères spéciaux servant à repérer des parties de texte devant recevoir un traitement particulier. Une balise HTML par exemple est constituée d'une directive sous forme de mot-clé (Font, Strong, Table, etc.) encadrés par les signes inférieur à (<) et supérieur à (>), qui permet de mettre en forme un texte et qui indique au navigateur Web comment devrait être affiché un document. Lorsque vous ouvrez une balise marqué par exemple <b>, vous devez la fermer par </b>. Sachez aussi que les balises ne sont pas sensible à la case c'est-à-dire que vous pouvez les écrire aussi bien en majuscule qu'en minuscule.
Sachez que certaines balises sont obligatoires pour créer une page web. On les appelles les balises de premier niveau
La balise <HTML> et </HTML> :
C'est la balise principale de toute page web. La balise ouvrante <HTML> doit se trouver au début du code et la balise fermante </HTML> doit se situer à la fin du code.
La balise <HEAD> et </HEAD> :
Cette balise définit l'en-tête et les paramètre de votre site. C'est entre ces deux balises que l'on va trouver la balise de titre qui va nous permettre de mettre un titre à notre page web. Vous voyez par exemple sur la page que vous visitez, j'ai mis entre les balise <TITLE> et </TITLE>, le titre "Définition des balises HTML et de son application".
Cette balise <TITLE> n'est pas obligatoire mais vivement conseillée sinon dans votre navigateur vous verrez apparaître comme nom de fenêtre "Document sans nom".
La balise <BODY> et </BODY> :
Cette balise définie le corps de votre site Internet. C'est ici que vous mettrez votre texte et vos images
Vous allez maintenant créer votre première page web. Pour cela, ouvrez le bloc-notes et recopiez le contenu de l'image suivante :
Maintenant, enregistrez votre page au format HTM ou HTML. Pour cela, choisissez enregistrez sousdans le menu Fichier. La boîte de dialogue suivante s'ouvre alors :
Dans nom du fichier, inscrivez un nom et ajoutez l'extension .htm ou .html
ATTENTION : Ne mettez jamais d'espace ou d'accent dans le nom de votre fichier html sinon vous risqueriez d'avoir des problèmes
Maintenant, double cliquez sur le nom de ce fichier, le navigateur Internet Explorer (si c'est le navigateur par défaut) va s'ouvrir avec votre page web à l'intérieur comme le montre l'image suivante :
