A LA DECOUVERTE DU LANGAGE HTML
Pour cette première leçon, nous allons exposer les principes de base, et vous apprendre à construire votre première page.
..:: Le langage HTML ::..
Les pages internet telles que votre navigateur (Internet Explorer ou Netscape Navigator) les affiche à l'écran sont en réalité des lignes de code écrites dans un langage informatique: le HTML. Vous pouvez voir (non sans paniquer !) le code de cette page de MultiVolley avec la méthode suivante:
- Pour Internet Explorer: Dans le menu déroulant "Affichage", allez sur "Source".
- Pour Netscape: Dans le menu déroulant "Afficher", allez sur "Source de la page".
Le html est un langage de description d'éléments visuels, que votre navigateur internet reçoit et interprête, et dont il affiche le résultat sur votre écran. Le html contient votre texte brut et les liens hypertexte, ainsi que la mise en page d'éléments que votre navigateur télécharge simultanément tels que les images, les sons ou vidéos. Les pages web ont une structure standard que tous les navigateurs peuvent comprendre, mais interpréter de manière différente. Nous vous conseillons de toujours vérifier l'aspect de vos pages dans les deux navigateurs. Sur MACINTOCH par exemple, le résultat est souvent très différent.
..:: Votre première page en HTML ::..
Vous allez maintenant faire un essai d'écriture HTML:
1- Ouvrez le bloc note de Windows depuis le bouton Windows
Menu démarrer / programmes / accessoires / bloc-notes
2- Copiez-collez le texte ci dessous dans le bloc-note
3- Convertissez votre document en page web:
- Choisissez le menu déroulant "Enregistrer Sous"
- Localisez votre dossier "Mes Documents" sur le disque dur.
- Dans "type de fichier", choisissez "tous *.*" au lieu de "*.txt"
- Appelez le fichier test.html
4- Regardez votre travail !
Double-cliquez sur "test.html", la page que vous venez de créer s'affiche dans votre navigateur, il s'agit d'un lien vers notre site !
..:: Structure de la page, comprendre les balises ::..
Une page est composée d'une entête <head> invisible sur le navigateur, et d'un contenu <body> qui est la partie apparente à l'écran. D'autre part, le navigateur doit interpréter le langage reçu, il convient donc de lui préciser qu'il s'agit de html. Une page html est composée de "balises", ou "tags". un tag comprend toujours une entrée et une sortie, repérés ainsi:
- entrée: <head>
- sortie:</head> (le slash indique la fin de la balise)
Le langage est donc composé de ces balises imbriquées les unes dans les autres, et qui contiennent des instructions que le navigateur interprête, puis affiche. La structure type d'une page html est la suivante:
La partie "head" sert à envoyer des informations relatives à la page à votre navigateur, telles que les mots clefs pour les moteurs de recherche par exemple... Ici, la page est vide puisqu'on ne trouve aucune instruction entre l'entrée et la sortie de la balise "body". Pour les pages dotées d'un certain degré de sophistication, on rencontre des scripts dans la balise <head>
..:: CONCLUSION ::..
Vous avez maintenant une idée plus concrète de ce qu'est une page internet écrite en html. La prochaine fois nous travaillerons sur d'autres balises d'éléments visuels pour la partie "body".
Pour en savoir plus: